@charset "utf-8";

/* CSS Document */

body{

background:transparent url(imagenes/amviente.jpg);

font-family:Verdana,Arial,Helvetica,sans-serif;

font-size:0.8em;

color:#365741;

}



#flotante{

width:100%;

background:#666699 url(imagenes/crystal02.png) no-repeat scroll 31% 0%;

position:fixed;

margin:0px;

padding:5px;

/*left:auto;

right:auto;*/

/*bottom:40px;*/

z-index:10;

color:#FFFFFF;

text-align:center;

}



#flotante a{

color:#FFFFFF;

}

#flotante a:hover{

text-decoration:underline;

}





a{

text-decoration:none}

a:hover{

text-decoration:underline;

}

h2.centrado{

text-align:center;

letter-spacing: 2pt;

word-spacing: 2pt;

}

p{

/*text-align:justify;*/

word-spacing: 1.6pt;

/*font-variant: small-caps;*/

line-height: 1.3;

/*	border-bottom:#006666 3px solid;*/

/*padding:2px 3px 6px 3px;*/

/*background-color: #EDEBE0;*/

}

strong{

font-weight:bold;}

h2{

font-size:1.3em;

font-variant: small-caps;

/*color:#336633;*/

color:#A4716A;

padding:2px 2px 5px 6px;

margin-bottom:3px;

text-align:justify;

background:#F3F2EB;

}

#contenedor{

background:transparent none repeat scroll 0%;

display:block;

max-width:956px;

margin:0 auto;

}

/*///////////ENCAVEZADO /////////////////////////////*/

#header{

max-width:956px;

height:80px;

}

#logo{

float:left;

width:273px;

height:69;

padding:7px 0pt 0pt 7px;}

#navegacion2{

float:right;

/*width:672px;*/ 
width: 70%;
height:47px;

}

#navegacion2 h1{

padding:16px 0 0 120px;}



#navegacion{

float:right;

/*width:672px;*/ 
width: 70%;


/*display:block;*/

/*color:#FFFFCC;*/

padding-right:6px;

height:33px;

background:transparent url(imagenes/nav.png) no-repeat;

}

#navegacion a{color:#FFFFCC;

padding:3px 5px;

text-decoration:none;

display:block;}

#navegacion a:hover{

border-bottom: #FFFAD9 3px solid;}

#navegacion ul{

padding:6px 19px 0px 8px;}

#navegacion li{

float: right;

/*display:block;*/

padding:1px 1px;

}

/*///////////CUERPO /////////////////////////////*/

#cuerpo{

width:956px;

}



#conectate{

float:right;

}

#playlist{

float:left;

}



#box-top{

height:11px;

background:transparent url(imagenes/superior-cuadro.png);

/*background:transparent url(imagenes/homeShadowTop_bg.png);*/

}

#box-bottom{

height:32px;

background:transparent url(imagenes/inferior-cuadro.png);

clear:both;

/*background:transparent url(imagenes/homeShadowBottom_bg.png);*/

}

#box{

/*height:240px;*/

padding:0pt 20px;

background:transparent url(imagenes/relleno_cuadro.png);

/*background:transparent url(imagenes/relleno-box.png)repeat-y scroll 0%;*/

}

#box ul{

margin:6px auto auto 15px;

}

#box li{

display:block;

padding:5px;

}

.flotar{

float:left;}



#canales{

float:left;

width:297px;

border-right:1px solid #FFFFFF;

border-left:1px solid #FFFFFF;

margin:2px 2px 0px 3px;
min-height: 290px;
}

#canaels ul{

margin:0px auto;

}

#canales li{

margin:0px 3px 10px;

padding:0px 3px;

display:inline;

float:left;

border-bottom:1px solid #FFF;}

#canales a:{

padding:6px;

}

#canales a:hover{

/*padding:4px;*/

background:#F2F0E8;}

.pcanales{

padding:0  5px 3px 5px;}

#imagen{

float:left;

width:673px;

height:234px;

padding-left:3px;

margin-right: 5px;

background:#003333 url(imagenes/imagen.jpg) no-repeat;

border:#006666 3px solid;

}

#titulo{

width:915px;

/*height: 35px;*/

background:#483F31;

margin-top:18px;

padding:5px 0 7px;

clear:both;}

#titulo h1{

text-align:center;

font-size:1.3em;

color:#FFFFCC;

}

#avisos{

width:915px;

}



#oir{

margin-top:6px;

width:915px;}



#feed-control{

float:left;

margin:15px 10px 0px 0px;

/*display:block;*/

background:#FFFFFF;

width:300px;}



#twitter_div{

float:left;

display:block;

margin:15px 0 0px 0px;

width:300px;

/*height:300px;*/

background:#FFFFFF;}

#twitter_div img{

margin:6px;}

#twitter_div h2{

text-align:center;}

#twitter_div img{

float:left;}

#twitter_div li{

padding:3px;}

#twitter_div li.even{

background:#FFFCF9;

}



.flash{

float:left;

padding:5px 10px 5px 5px;}

.player{

float:left;

width:148px;

margin:5px;

padding:10px;

height:60px;

border:solid 2px #fff;

background:#F3F2EB;}



#videoayudas{

border:1px solid #E4E291;

background:#DBE4E9;

padding:7px;

padding-left:72px;

}



#videoayudas p{

float:left;

width:500px;

padding:5px;

margin-right:30px;}

#videoayudas h1{

float:left;

width:500px;}

#videoayudas ul{

margin-top:-57px;

display:block;

float:left;

width:210px;

}





#contenido{

float:left;

width:591px;

background:#F3F2EB none repeat scroll 0% 50%;

padding:10px;}

#contenido h1{

font-size:1.6em;

color:#28166F;

display:block;

margin-bottom:5px;}

#contenido h2{

display:block;

background:#FDFCFB;}

#texto{

float:left;

background:#F3F2EB none repeat scroll 0% 50%;

width:100px;

margin:15px 0pt 0pt 8px;

width:285px;

padding:4px;

border:#DFDCCB solid 2px;

text-align:justify;}

#sidebar{

float:left;

background:#F3F2EB none repeat scroll 0% 50%;

/*width:165px;*/

margin:7px 0pt 0pt 8px;

width:285px;

padding:4px;

border:#DFDCCB solid 2px;

text-align:justify;}

#sidebar ul{

padding-left:50px;}

.centrado{

text-align:center;}

.grande{

font-size:1.7em;}



/*///////////PIESERA /////////////////////////////*/

#footer{

margin-top:-8px;

max-width:956px;

}

#footer-top{

height:5px;

background:transparent url(imagenes/shadowTop_bg.png);}

#footer-cuerpo{

/*height:5px;*/

padding:4pt 20px;

background:transparent url(imagenes/cuerpo.png);}

h5{

color:#999999;

font-size:0.7em;}

#videos{

width:530px;

height:370px;

float:left;

margin: 0 8px 0 0;}

#banner{

border:2px solid #999999;

background:#FF9900;

float:left;

height:200px;

width:372px;

margin-bottom:8px;}

#derechos{

/*width:900px;*/

text-align:center;

display:block;

margin:4px;

line-height:1.2;}

#footer-footer{

height:32px;

background:transparent url(imagenes/shortShadowBottom_bg.png);}





.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}

@media screen and (max-width: 700px){
	#navegacion, #navegacion2{
		display: none;
	}
	#playlist{
		display: none;
		float: none;
		text-align: center;
	}
	#oir{
		width: 100%;
	}
	#cuerpo {
        	width: 100%;
	}
	.player {
        width: 130px;}
 div#canales {
    margin-bottom: 30px;
        border-radius: 5px;
    padding: 12px;
    box-shadow: 0px 0px 13px 5px #c3bebe;
}
}