/* Autor imbaty <sonidodance.net@hotmail.com> */
/* Web imbaty <sonidodance.net> */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #4682B4;
}
body, td {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 10px;
	color: #000;
	text-transform: 1;
}

#wrap {
	position: relative;
	width: 1100px;
	margin: auto;
	text-align: left;
	background-color: #FFF;
}
#wrap div#page { padding: 0px 0px; }
#wrap .clear { clear: both; }
#wrap .banner { text-align: center; }
	#header {
	height: 90px;
  background-color: #000;
}
		#header * { margin: 0px; padding: 0px; }
		#header #logo {
	float: left;
	width: 250px;
	height: 90px;
}
		#header #logo .logo {
	padding: 10px 0px 0px 10px;
	width: 250px;
}
		#header #logo h1 { font: 25px Arial; color: #fff; }
		#header #logo p { font: 15px Arial; color: #666; }
		
		#header #banner {
	float: right;
	width: 728px;
	padding: 0px 0px 0px;
	text-align: right;
}
		#header #banner .banner { height: 75px; padding: 0px 10px 0px; text-align: right; overflow: hidden; }
		#header #banner .buscador { height: 35px; padding: 0px 10px 0px; overflow: hidden; }
		#header #banner .buscador .cse-branding-bottom { background-color: transparent!important; }
		#header #banner .buscador .cse-branding-bottom .cse-branding-form { float: right; width: 280px; height: 30px; }
		#header #banner.buscador .cse-branding-bottom .cse-branding-logo { float: left; width: 70px; height: 30px; }
		#header #banner2 .buscador .cse-branding-bottom .cse-branding-text { float: left; width: 130px; height: 30px; }
		
		
		
	#menu { height: 35px; background: #5E5E5F url('../image/menu_bg.gif') repeat-x; }
		#menu * { margin: 0px; padding: 0px; }
		#menu ul { list-style: none; }
		#menu ul li { float: left; padding: 0px 20px; }
		#menu ul li a { display: block; font: bold 12px/35px Arial; color: #ccc; text-decoration: none; }
		#menu ul li a:hover { color: #fff; text-decoration: underline; }
		#menu ul li a strong { color: #fff; text-decoration: underline; }
		
	/* banner superior */
	#banner_top {  }
	
	#main {
	color: #000;
}
		#main p { margin: 12px 0px; }
		#main ul, #main ol { margin: 0px; padding: 0px 0px 0px 20px; }
		#main ul li, #main ol li { margin: 0px 0px 2px; padding: 0px 0px 2px; }
		#main a { color: #000; }
		#main a:hover { color: #000; }
		#main img { border: none; }
		#main input, #main select { font-size: 10px; }
		
		/* Para titulo principal */
		#main #side0 { margin-bottom: 10px; border-bottom: 1px solid #666; }
		#main #side0 h2 {
	margin: 0px;
	font: bold 17px/30px Arial;
	color: #C60;
}
		#main #side0 p {
    font-weight: normal;       /* No bold */
    font-size: 13px;           /* Tamaño cómodo de lectura */
    line-height: 28px;         /* Espacio entre líneas */
    font-family: "Verdana", "Tahoma", "Arial", sans-serif; /* Fuente legible y limpia */
    color: #333;               /* Gris oscuro para mejor lectura */
}
		
		/* Errrores */
		#main div.error { padding: 10px; border: 1px dashed #CC0000; background-color: #FBEEEB; }
		#main div.error strong { color: #cc0000; }
		#main div.error ol { }
		
		
	/* banner inferior */
	#banner_bottom {  }
	
	#footer { clear: both; padding: 5px; text-align: center; border-top: 4px solid #EC6806; background-color: #f0f0f0; }
	#footer * { margin: 0px; }
	#footer a { color: #006699; }
	#footer img { border: none; }
		#footer1 { clear: both; }
			#footer1 ul { margin: 0px; padding: 0px; list-style: none; }
			#footer1 ul li { display: inline; padding: 0px 10px; }
		
		#footer2 { overflow: hidden; }
			#footer2 p { margin: 5px 0px; }
		
		#footer3 { overflow: hidden; }
			#footer3 div.info { margin: 0px; padding: 0px; }

			
			
			
			@media only screen and (max-width:900px) {
  	#header #banner {
	float: right;
	width: 100%;
	padding: 0px 0px 0px;
	text-align: right;
}


#wrap {
	position: relative;
	width: 100%;
	margin: auto;
	text-align: left;
	background-color: #FFF;
}
#iframe {
	width: 100%;
	height: 700px;
}

.fb-comments
{
	width: 100%;
}
}

@media only screen and (max-width:900px) {
    #wrap { width: 100%; }
    #preview-frame { width: 100%; height: 100%; border: 0; }
}