/*
Hoja de Estilos Type140.cl Main Site
by @Simplycit
*/


/* ================== < RESET > ================== */


html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
	margin:0;
	padding:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/* ================== // RESET ================== */


/* ================== HEADINGS ================== */

h1 span, h2 span, h3 span, h4 span/*, h5 span, h6 span*/ {
	display:none;
}
h1, h2, h3 {
	display:block;
}
h1 {
}
h2 {
	color:#27BFE8;
}
h3 {
	margin:10px 0;
	width:90%;
	font: bold 1.7em/1.4em Arial, Helvetica, sans-serif;
	color:#27BFE8;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7);
}
h3 a {
	color:#27BFE8;
}
h3 a:hover {
	color:#3ADAFC;
	text-decoration:none;
}
h4 {
	display:block;
	font: bold 1.3em/2em Arial, Helvetica, sans-serif;
	color:#555;
	padding:10px 0 3px 0;
}
/* ================== // HEADINGS ================== */


/* ================== ESTILOS GENERALES ================== */


body {
	font: normal 0.75em/0.75em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	background: #1c1c1d url(../imagenes/body_BG.png) repeat-x;
}
a {
	color: #029EBF;
	text-decoration: none;
	outline: 0;
	border:none;
}
a:hover {
	color: #15CEF5;
	text-decoration:underline;
}
p {
	margin:0;
	padding:4px 0;
	font: normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	color:#888;
}
hr {
	height: 1px;
	width: 100%;
	margin: 20px 0 20px 0;
	border: 0;
	border-top: 1px dotted #000;
	display: block;
	clear: both;
}
strong {
	font-weight: bold;
}
.hide {
	display:none;
}
.alignleft {
	float:left;
	margin-right:15px;
}
.cerrar {
	width: 27px;
	height:27px;
	position:absolute;
	z-index:113;
	top:0;
	right:0;
}
/*div { outline: red 1px dashed; }*/


/* ================== // GENERALES ================== */



/* ================== CONTENEDOR MAESTRO ================== */


#container {
	width:920px;
	padding: 0 25px;
	height:100%;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
/* ================== // CONTENEDOR MAESTRO ================== */


/* ================== ESTRUCTURA BASE ================== */

header, nav, section, article, footer {
	display: block;
}
header {
	height:311px;
	width:100%;
	position:relative;
}
header h1 {
	width:285px;
	height:183px;
	position:absolute;
	top:90px;
	left:30px;
	background:url(../imagenes/sprite_gral.png) 0 -345px no-repeat;
}
header h1 a {
	width:100%;
	height:100%;
	display:block;
}
header nav {
	width:70%;
	height:49px;
	float: right;
}
header nav ul {
	width:100%;
	height:100%;
}
header nav ul li {
	float:right;
	height:100%;
}
header nav ul li a {
	height:100%;
	padding:0 19px;
	display:block;
	font: bold 14px/49px Arial, Helvetica, sans-serif;
	color:#FFF;
}
header nav ul li a:hover {
	background-color: #307c96;
	text-decoration:none;
	color:#C9F3FC;
}
header #visor {
	position:absolute;
	z-index:999;
	top:40%;
	right:10px;
	width:570px;
	height:100px;
	overflow:hidden;
}
header #visor h2 {
	width:100%;
	position:absolute;
	right:0%;
	top:0;
	font: normal 25px/28px Arial, Helvetica, sans-serif;
	color:#393939;
	text-align:right;
	letter-spacing:-1px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
header #visor h2 strong.destacado {
	color:#0DB3D5;
	display:inherit;
	font-weight:bold;
}
.tweety {
	width:71px;
	height:54px;
	background:url(../imagenes/sprite_gral.png) no-repeat -218px -96px;
	position:absolute;
	right:0;
	bottom:0;
}
.tweety2 {
	width:45px;
	height:29px;
	background:url(../imagenes/sprite_gral.png) no-repeat -289px -121px;
	position:absolute;
	left:0;
	bottom:0;
}
.modulo {
	width:44%;
	position:relative;
}
.modulo .intro {
	height:340px;
	padding-left:3px;
}

.modulo .intro h3 {
	margin:0 0 10px;
}
.modulo .intro h4 {
	display:block;
	font: bold 1.2em/1em Arial, Helvetica, sans-serif;
	color:#999;
	padding:0;
	margin:0;
}

.modulo img {
	float:right;
	padding:5px 0;
}
.left {
	float:left;
	margin-left:2%;
	padding-right:3%;
}
.right {
	float:right;
	margin-right:2%;
	padding-left:3%;
}
.llamado {
	width:70%;
	padding:20px 30px 30px;
	background-color:#303030;
	position:relative;
	margin:20px auto;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-box-shadow: 1px 0px 7px #111;
	-webkit-box-shadow: 1px 0px 7px #111;
	color:#c9c9c9;
	font: normal 14px/17px Arial, Helvetica, sans-serif;
	text-align:left;
}
.llamado h3 {
	font: bold 20px/20px Arial, Helvetica, sans-serif;
	padding-bottom:8px;
	width:100%;
}
.llamado strong {
	color:#fff;
}

.banners {
	width:705px;
	height:217px;
	position:relative;
	margin:20px auto;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-box-shadow: 1px 0px 7px #111;
	-webkit-box-shadow: 1px 0px 7px #111;
}
.banners img {
	padding:0;
}

section {
	margin:0px 0 25px;
	width:100%;
	padding:15px 0 30px;
	overflow:hidden;
	position:relative;
	background:url(../imagenes/separador_footer.png) bottom center no-repeat;
}
.end {
	background: none;
	padding-left:20px;
}
section h2 {
	font: bold 1.3em/1.3em Arial, Helvetica, sans-serif;
	padding:0 0 15px;
	width:600px;
}
#video {
	width:400px;
}
.modulo p {
	width:94%;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.modulo p strong {
	color:#c9c9c9;
}

/*:::::::::::: FOOTER :::::::::::*/

footer {
	position: relative;
	margin-top: -84px; /* negative value of footer height */
	height: 84px;
	clear:both;
	color:#FFF;
	background: #101010 url(../imagenes/footer_BG.png) repeat-x 0 0;
}
footer .center {
	width:960px;
	height:100%;
	margin:auto;
	text-align:center;
	position:relative;
	background:url(../imagenes/separador_footer.png) top center no-repeat;
}
footer .info {
	width:500px;
	height:15px;
	color:#494949;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	position:absolute;
	bottom:18px;
	right:18px;
	text-align:right;
}
footer .info:hover {
	color:#696969;
}
/*:::::::::::: / FOOTER :::::::::::*/


/*== STICKY FOOTER ==*/

html, body, #wrap {
	height: 100%;
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
#main {
	padding-bottom: 84px;
}  /* must be same height as the footer */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*== / STICKY FOOTER ==*/


/* ================== // ESTRUCTURA BASE ================== */


/* ================== BOTONES ================== */

.btn {
	float:left;
}
.btn a span {
	display:none;
}
.btn a {
	display:block;
	width:100%;
	height:100%;
}
.btn a:hover {
}
/*:::::: COMBINACIONES ::::::*/

.followus {
	width:202px;
	height:45px;
	margin:20px 0 0 18px;
}
.followus a {
	background:url(../imagenes/sprite_gral.png) no-repeat -167px -295px;
}
.followus a:hover {
	background-position:-369px -295px;
}
.simplycit {
	width:167px;
	height:25px;
	float:right;
	margin:20px 18px 0 0;
}
.simplycit a {
	background:url(../imagenes/sprite_gral.png) no-repeat 0 -295px;
}
.simplycit a:hover {
	background-position: 0 -320px;
}
.volver {
	width:75px;
	height:30px;
	float:none;
	position:fixed;
	bottom:0;
	left:85%;
	z-index:9999;
}
.volver a {
	display:block;
	width:100%;
	height:100%;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	color:#d9d9d9;
	background: url(../imagenes/up.png) no-repeat 0 0;
	text-align:center;
}
.volver a:hover {
	color:#fff;
	background-position: 0 -30px;
	text-decoration:none;
}
/* ================== // BOTONES ================== */

/********************************** FORM **************************************/

#contact-area {
	width: 500px;
	margin: 30px 0 0 25px;
}
#contact-area input, #contact-area textarea {
	padding: 7px 5px;
	width: 371px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 20px 0px;
	border: 1px solid #ccc;
	line-height:1.2em;
	color:#666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#contact-area textarea {
	height: 100px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #15CEF5;
}
#contact-area input.submit-button {
	width: 100px;
	margin-left:85px;
	cursor:pointer;
	background-color:#343434;
	border:1px solid #444444;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#contact-area input.submit-button:hover {
	background-color:#079DCF;
	border:1px solid #888;
}
#contact-area label {
	float: left;
	clear: left;
	text-align: right;
	margin-right: 15px;
	width: 70px;
	padding-top: 6px;
	font: bold 1.1em/1.3em Arial, Helvetica, sans-serif;
	display: block;
	color:#888;
}
#contact-area span {
	display:block;
	width:93%;
	text-align:right;
	padding:5px 7% 5px 0;
	font: italic 1em/1.1em Arial, Helvetica, sans-serif;
	color:#DF5900;
	position:relative;
	top:-20px;
	left:0;
}