/* CSS Reset */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */


a 							{ outline: 0; color: white; }
a:hover						{ text-decoration: underline; }


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear 						{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after 			{ clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix 					{ display: inline-block; }
* html .clearfix 			{ height: 1%; }
.clearfix 					{ display: block; }
/* ***********************************************************/

/* Sticky footer */
html, body 					{ height: 100%; }
#pagewrap 					{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -177px;  }
#footer, #push 				{ height: 177px; clear: both;  }

/* Estructura */
body 						{ background: #061210 url(../images/body-bg.png) repeat-x top left; color: #eee;
							  font: normal normal 12px/1.5 Helvetica, Arial, Verdana, sans-serif; }
#pagewrap 					{ background: url(../images/pagewrap-bg.jpg) repeat-x top left; position: relative; }
#header 					{ height: 200px; position: relative; background: transparent; margin-bottom: 30px; }
#main 						{ background: transparent; min-height: 300px; height: auto!important; height: 300px; padding-bottom: 30px; }
#footer 					{ background: transparent; clear: both; width: 100%; }
#footer-inside 				{ background: transparent url(../images/footer-inside-bg.png) repeat-x top left;
							  overflow: hidden; height: 147px; margin: 0 auto; padding-top: 20px; padding-bottom: 10px; }

/* Elementos */
#header h1 					{ font: normal normal 55px/1 Georgia, 'Times New Roman', serif; color: #fff; margin-top: 25px; text-shadow:0 2px 0 black;}
#header h1 a				{ color: #fff; }
#header h1 a				{ text-decoration: none; }
#header h2					{ font: normal bold 16px/1.3 'Trebuchet MS', Arial, sans-serif; color: #cef; 
 							  text-transform: uppercase; letter-spacing: 1px; margin-left: 5px;}
h3							{ font: normal bold 18px/1.2 Arial, sans-serif; color: #9bc; margin-bottom: .3em;}
h3.seccion					{ font: normal normal 18px/1.3 'Trebuchet MS', Arial, sans-serif; color: #bde7ee; 
							  text-transform: uppercase; letter-spacing: 1px; margin-bottom: .5em;}
.big						{ font-size: 40px!important; }
small						{ font-size: 10px; }

.presentacion h3			{ font: 16px/1.5 Georgia, Times, 'Times New Roman', serif; color: white; 
 							  text-transform: none; letter-spacing: 0px; margin-bottom: 1em!imp;}
#parlante img				{ display: block; }

/* menu */
ul#menu						{ height: 38px; border-top: 2px solid white; border-bottom: 2px solid white; 
							  position: absolute; width: auto; bottom: 0; left: -10px; padding-left: 10px; padding-right: 10px; }
ul#menu li					{ display: inline; font: normal normal 16px/38px 'Trebuchet MS', Arial, sans-serif; float: left;
							  text-transform: uppercase; letter-spacing: 1px; padding: 0 5px; color: white; }
ul#menu li a				{ display: block; float: left; margin-right: 20px;}
ul#menu li a:hover			{ }
ul#menu li.sel a,
ul#menu li.sel a:hover		{ color: #db9; cursor: default;}

ul#social					{ position: absolute; right: 0; bottom: 4px;}
ul#social li				{ display: inline; float: left; line-height: 32px;}
ul#social li a				{ display: block; float: left; width: 32px; width: 32px; text-indent: -9999px; margin-right: 8px;}
ul#social li a#facebook		{ background: url(../images/facebook_32.png); }
ul#social li a#twitter		{ background: url(../images/twitter_32.png); }
ul#social li a#linkedin		{ background: url(../images/linkedin_32.png); }
ul#social li a#delicious	{ background: url(../images/delicious_32.png); }
ul#social li a#youtube		{ background: url(../images/youtube_32.png); }
ul#social li a#rss			{ background: url(../images/rss_32.png); }



#bloque-demos				{ background: url(../images/demos-bg.png) no-repeat top left; 
							  padding-top: 1em; padding-bottom: 1em; margin-bottom: 40px; }
#bloque-demos h3			{  }	
#bloque-demos .omega		{ width: 270px!important; margin: 0!important; }	
#bloque-demos #estilos		{ margin-left: 10px; }
#bloque-demos #estilos li	{ height: 36px; }
#bloque-demos #estilos li a { display: block; width: 270px; height: 36px; background: url(../images/estilos-bg.png) no-repeat top left;
	 						  padding-left: 40px; line-height: 36px; overflow: hidden; color: #bde7ee;}
#bloque-demos #estilos li#destacados a { background: url(../images/destacados-bg.png) no-repeat top left; color: #bde7ee;
										font-weight: bold; letter-spacing: 1px;}
#bloque-demos #estilos li#novedades a { background: url(../images/novedades-bg.png) no-repeat top left; color: #bde7ee;
										font-weight: bold; letter-spacing: 1px; }
#bloque-demos #estilos li.sel a { background-position: bottom left!important; cursor: pointer; color: white;}
#bloque-demos #estilos li#destacados.sel a { color: black;}	
#bloque-demos #estilos li#novedades.sel a { color: black;}
#bloque-demos #estilos li.sel a:hover { text-decoration: none;}			

p							{ margin-bottom: 10px; font-size: 14px;}

.banner						{ background: #d0c4c4; border: 8px solid #eee; height: 200px; }	
.voicereport				{ background-color: #d0c4c4;
							  background-image: -moz-linear-gradient(top, #d0c4c4, #999999); /* FF3.6 */
							  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d0c4c4),color-stop(1, #999999)); /* Saf4+, Chrome */
          					  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d0c4c4', EndColorStr='#999999'); /* IE6,IE7 */
      						  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d0c4c4', EndColorStr='#999999')"; }
.voicereport h3				{ background: url(../images/voice-report.png); width: 127px; height: 31px; text-indent: -9999px; margin: 10px 0 0 8px; }
.voicereport p				{ text-align: center; color: #666; font: normal bold 12px/1.2 Helvetica, Arial, sans-serif; padding: 10px 5px;
	 						  text-shadow: 0px 1px 0px #d0c4c4; /* FF3.5+, Opera 9+, Saf1+, Chrome */ }
	 						  
.pagos						{ background-color: #d0c4c4; padding: 20px 10px;
							  background-image: -moz-linear-gradient(top, #ffffff, #dddddd); /* FF3.6 */
							  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dddddd)); /* Saf4+, Chrome */
          					  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd'); /* IE6,IE7 */
      						  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd')"; }

.interna					{ font-family: 'Trebuchet MS', Arial, sans-serif; color: #ddd;  }
.interna p					{ line-height: 1.3;}
.interna strong				{ color: #fff; font-weight: bolder; }
.interna h2					{ font: normal bold 25px/1.2 'Trebuchet MS', Arial, sans-serif; color: #acd; margin: 10px 0 10px; text-shadow:0 2px 0 black; }
.interna h3					{ margin: 30px 0 10px; }
.interna h4					{ margin: 10px 0 0px; font-size: 16px; }
.interna ul					{ margin: .3em 0 3em 20px; }
.interna ul li				{ list-style: disc outside; margin-bottom: .3em; line-height: 1.3; }
.contacto ul				{ margin: 3em 0 3em; }
.contacto ul li				{ line-height: 32px; list-style: none; }
.contacto ul li img 		{ vertical-align: middle; padding-right: 10px;}

#articles-section .article				{ margin-bottom: 20px; border-top: 1px dotted #689; padding-top: 10px; }
#articles-section .article h3			{ font-size: 14px; margin-left: 70px; line-height: 1.1; }
#articles-section .article h3 a			{ color: #acd; }
#articles-section .article p			{ margin-left: 70px; font-size: 12px;}
#articles-section .article img			{ float: left; margin-right: 10px; margin-top: 2px; margin-bottom: 12px; max-width: 60px; }


.interna .article			{ margin-bottom: 50px; position: relative; left: -240px; width: 760px; }
.interna .article h3		{ font-size: 16px; margin: 0 0 .5em 240px; color: #acd; border-top: 1px dotted #689; padding-top: 10px;}
.interna .article p			{ margin: 0 0 .5em 240px;}
.interna .article ul		{ margin: 0 0 .5em 240px; }
.interna .article ul li		{ list-style: square outside; margin-left: 12px;}
.interna .article .imagen 	{ float: left; width: 220px; text-align: center; background: none; position: relative;  padding-top: 10px; }
.interna .article .imagen img{ width: auto; max-width: none; float: none; margin: 0 auto; border: none;  }

.interna .link				{ margin-bottom: 50px; position: relative; left: -240px; width: 760px; }
.interna .link h3			{ font-size: 16px; margin: 0 0 .5em 240px; color: #acd; border-top: 1px dotted #689; padding-top: 10px;}
.interna .link p			{ margin: 0 0 .5em 240px;}
.interna .link .imagen 		{ float: left; width: 220px; text-align: center; background: none; position: relative;  padding-top: 10px; }
.interna .link .imagen img	{ width: auto; max-width: none; float: none; margin: 0 auto; border: none;  }

.imagen img					{ display: block; width: 100%; border: 1px solid #689; }
.imagen img.shadow			{ border: 0px solid #acd; }

#contact_form				{ margin-top: 40px; }
#contact_form .rowElem		{  }
#contact_form label			{ display: block; margin: 1em 0 .3em .3em; color: white; font: normal normal 14px/1 'Trebuchet Ms', Arial, sans-serif; }
#contact_form input[type="text"]{ border: 1px solid #689; padding: .8em; width: 300px; background: #cef; color: #555;
								  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#contact_form textarea		{ border: 1px solid #689; padding: .8em; width: 298px; overflow: auto; height: 150px;background: #cef;color: #555;
							  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#contact_form input[type="submit"]{ border: 1px solid #234; padding: .3em 1em; background: #689; margin: 1em 0 1em .2em; color: white; font: normal bold 14px/1 'Trebuchet Ms', Arial, sans-serif;
								  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;}
#contact_form input[type="submit"]:hover{ background: #578; }
p.error						{ margin-top: -40px; background: #733; border: 1px dotted #d88; padding: 10px; width: 298px; color: #d88;}
p.success					{ margin-top: -40px; background: #595; border: 1px dotted #aea; padding: 10px; width: 298px; color: #aea;}

#footer-inside h1			{ font: normal normal 22px/1 Georgia, 'Times New Roman', serif; color: #fff; margin: 0px 0 5px; text-shadow:0 2px 0 black;  }
#footer-inside h2			{ font: normal normal 12px/1.2 'Trebuchet MS', Arial, sans-serif; color: #acd; 
 							  letter-spacing: 0px; margin-left: 2px; }
#footer-inside p			{ line-height: 32px; margin-bottom: 0;  }
#footer-inside img			{ vertical-align: middle; padding-right: 10px;}
#footer-inside .boton-pagos	{ display: block; width: 137px; height: 27px; background: url(../images/boton-formasdepago.png) no-repeat;
	 						  text-indent: -9999px; margin: 15px 0 5px;}
.twtime						{ display: block; font: italic normal 11px/1.2 Georgia, serif; color: #689; margin: .1em 0 1em; padding-bottom: .3em; border-bottom: 1px dotted #345;}