/* RESETEO CSS */
/* ----------------------------------------- */

/**
 * Devoloped by Inquattro
 *
 * Author: Eric Meyer - http://meyerweb.com/eric/tools/css/reset/
 */
 
/** 
 * COLORES 
 *  
 * azul: 007cc3
 * rojo: ef3e33
 * verde: bed73d
 * 
 *
 */ 
 
 
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 24px;;COLOR: #434343
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


		body {
    		background-color:#fff;
    		color:#666;
    		font-family:Arial;
    		font-size:12px;
		}
       
        h1{
			font-size:3em;
			font-family: 'Open Sans', sans-serif;
        }
        a{
            color:#666;
            text-decoration:none;
        }
        a:hover{
            color:#ffdd00;
            text-decoration:none;
        }


		#cabecera {height:100px; background-color:#fff; margin-top:10px; font-family: 'Open Sans', sans-serif; }
		#cabecera h1{ font-size: 48px; margin:40px 0 20px 0; padding: 0; }
		#cabecera h2{ font-size: 18px; padding: 0;  width:50%; float:left; }
		

		#menu { float:right; width:50%; font-family: 'Open Sans', sans-serif;}
		#menu ul{margin:0px; float: right;}
		#menu ul li{float:left; list-style-type:none; margin-left:10px; }
		#menu ul li a:hover{color:#ef3e33; }
		#menu .active{border-bottom:4px solid #bed73d;}
		#menu ul li:hover{border-bottom:4px solid #ef3e33;}
		
		#contenido {padding-top:20px; width:100%;overflow:auto;}
		#seccion {}	        
		#seccion .uno img, #seccion .dos img { width:100%; border:0;  }
		
		#faldon { margin-bottom:10px; }
		#faldon a{color: #666; }
		#faldon a:hover{color: #ffdd00; }
		#pie {overflow:auto; padding-bottom:20px;}
		
		
		.sp-full h2 {font-size:1em;}
		
		fieldset {border:0;}
		
		input {
    border: 1px solid #B0B0B0;
    color: #979797;
    padding: 3px 5px 4px;
    width: auto;
}

p { font-family: 'Open Sans', sans-serif;;}

.enlaceWeb {
padding-top: 20px;
padding-top: 10px;
float: left;
}

.enlaceWeb a {
color: #888888;
}

.enlaceRRSS {
padding-top: 10px;
width: auto;
float: left;
margin-left: 20px;
}



#ocultar {float:right;}







/* RESPONSIVE pantalla -- estilos principales */
@media (min-width: 980px) {
#cabecera, #seccion, #pie {width:900px; margin: 0 auto; backgroun-color:#323232}
#cabecera { margin-top:20px; }
#menu { }
#menu ul li{float:left; list-style-type:none;  font-size:16px;}
.dos {width:430px; }
.tres {width: 286px;}
.cuatro {width:210px;}
p {font-size:18px; line-height:20px;}
.SIZEiframe {width:100%; height:716px}
}

/* RESPONSIVE pantalla grande */
@media (min-width: 1200px) {
#cabecera, #seccion, #pie {width:1100px; margin: 0 auto;}
#cabecera { margin-top:20px; }
#menu { }
#menu ul li{float:left; list-style-type:none; font-size:18px;}
.dos {width:530px; }
.tres {width:350px;}
.cuatro {width:260px;}
.SIZEiframe {width:1100px; height:804px}
}

/* RESPONSIVE tablet */
@media (min-width: 768px) and (max-width: 979px) {
#cabecera, #seccion, #pie {width:740px; margin: 0 auto;}
#cabecera { margin-top:20px; height:70px; }
#cabecera .logoTDT{ width:115px; height:60px; background:url('../images/logo_TDTHIBRIDA_tablet.png');}
#menu { width:520px; }
#menu ul li{float:left; list-style-type:none; font-size:14px;}
.dos {width:350px; margin-right:20px;}
.tres {width:233px;margin-right:25px;}
.cuatro {width:170px;}
p {font-size:14px;}
.SIZEiframe {width:100%; height:561px}
}

/* RESPONSIVE portrait tablet */
@media (max-width: 768px) {
body { margin: 0 2%;}
#cabecera, #seccion, #pie {width:100%; margin: 0 auto;}
#cabecera { margin-top:10px; height:70px; }
#cabecera .logoTDT{ width:115px; height:60px; background:url('../images/logo_TDTHIBRIDA_tablet.png');}
#menu { width:460px; }
#menu ul li{float:left; list-style-type:none;  font-size:12px;}
.dos {width:45%; margin-right:10%;}
.tres {width:30%; margin-right:3%;}
.cuatro {width:45%;}
.SIZEiframe {width:100%; height:558px}
}



/* RESPONSIVE móvil */
@media (max-width: 480px) {
.dos, .tres, .cuatro {width:100%; margin-right:0px;}
.SIZEiframe {width:100%; height:351px}
#cabecera h1  {font-size: 36px;}
#cabecera h2  {font-size: 14px;}
#menu  {PADDING-TOP:20PX;}
}


#mostrar:hover, #ocultar:hover {color:#ef3e33; cursor:pointer;}



.active a{color:#bed73d; }



.uno {  width:100%; margin-bottom:40px;}
.dos {  float:left; margin-right:40px; margin-bottom:40px;}
.tres { float:left; margin-right:20px; margin-bottom:40px;}
.cuatro { float:left; margin-right:20px; background-color:#773; margin-bottom:40px;}
.cinco {float:left; margin-right:25px; background-color:#238; margin-bottom:40px;}
.cinco a{color:#000;}
.cinco h2{font-size:2.2em; padding-bottom:5px;}

.ultimo {margin-right:0px;}

.info {display:none; border-top:1px solid #d2d3d4; padding:30px 0; float:none;}
.clear {clear:both;}