@charset "utf-8";
/* CSS Document */
/*div{
border:hidden;
border-style:solid;
}*/
#c_comp_clima{
	width:210px;
	height:150px;	
	background:url(back_clima.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;	
	color:#FFF;
	overflow:hidden;
}
#clima_margen{
	width:210px;
	height:120px;
	margin-top:30px;
	margin-left:0px;
	overflow:hidden;
}
#c_clima_actual{
	width:210px;
	height:120px;
	overflow:hidden;
}
/* Estilos de la regla horizontal*/ 
.yt-horizontal-rule {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #DDDDDD;
    height: 0;
    margin: 0;
    position: relative;
    z-index: -99;
}
.yt-horizontal-rule span {
    border: medium none;
    display: block;
    height: 80px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -80px;
    z-index: -100;
}
.yt-horizontal-rule .first {
    background: -moz-radial-gradient(right bottom , circle , rgba(0, 0, 0, 0.08), transparent 80px, transparent 100%) repeat scroll 0 0 transparent;
    left: 0;
    width: 80px;
}
.yt-horizontal-rule .second {
    background: -moz-radial-gradient(left bottom , circle , rgba(0, 0, 0, 0.08), transparent 80px, transparent 100%) repeat scroll 0 0 transparent;
    right: 0;
    width: 80px;
}
.yt-horizontal-rule .third {
    background: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0.08) 1px, transparent 80px, transparent 100%) repeat scroll 0 0 transparent;
    margin-left: 80px;
    margin-right: 80px;
    position: relative;
    top: -80px;
}
/* Fin del los Estilos de la regla horizontal*/
#c_icono{
	margin-top:12px;
	margin-left:20px;	
	margin-right:14px;
	width:60px;
	height:55px;	
	float:left;
	border-style:none;
	overflow:hidden;
	/*border-bottom:1px solid whitesmoke; */
}
#c_temp{
	width:108px;
	height:65px;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	font-size:40px;
	text-align:left;
	float:inherit;
	border:none;
	overflow:hidden;
}
#c_condicion{
	font-size:15px;
	width:210px;
	height:15px;
	float:right;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	/*line-height:8px;*/
	text-align:center;	
	/*border-bottom:1px solid whitesmoke;*/	
}
#c_info{
	width:115px;
	height:65px;
	font-size:10px;
	margin-left:10px;
	float:left;
	font-size:10px;
	line-height:8px;
	/*border-right:1px solid whitesmoke;*/
}
.c_humedad{
	margin-top:15px;
}
.c_viento{
	margin-top:8px;
}
.c_visibilidad{
	margin-top:8px;
}
#max_min{
	width:80px;
	height:50px;
	float:right;
	margin-right:8px;
	margin-top:10px;
	font-size: 10px;
	line-height:8px;
}
.mm_minimo{
	margin-top:13px;
}
.mm_maximo{
	margin-top:10px;
}
/*------------------------------------*/
/* Estilo para contenidos deslizantes */
/*------------------------------------*/

:focus {
	outline: 0;
}
#c_sliderContainer{
	width:236px;
	height:50px;
	position:relative;
	/*margin:25px auto; OP*/
	overflow:hidden; /*NO*/
}
#c_slider{
	moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	width: 210px;
	height:50px;
	/*background:#FFF;*/
	/*border: 5px solid #FFF;*/
	overflow:hidden;
	position:relative;
    margin: auto;
	margin-left:10px; /*OP*/
	margin-right:0px; /*OP*/
	margin-top:0px; /*OP*/
}
#c_slider .c_slide{
   	width: 210px;
	height:70px;
    float:left;
}
.c_slidesContainer{
	width:230px;
	height:50px;
	border-style:none;
	overflow:hidden;
	position: relative;
}
.c_prev, .c_next{
	display: block;
	height: 28px;
	width: 28px;
	position: absolute;
	top: 17px;
	left: 212px;
	/*left: 261px;*/
}
.c_prev{
	background: url('img/slider-prev.png') no-repeat;
	background-position: 0 0;
	left:-6px;
}
.c_next{
	background:url('img/slider-next.png') no-repeat;
	background-position: 0 0;
/*	height:230px;
	width: 230px;*/ 
	/*right:0; */
}
.c_prev:hover{
    background-position: 0 -28px;
}
.c_next:hover{
    background-position: 0 -28px;
}
/*------------------------------------*/
/* Fin de los estilos deslizantes     */
/*------------------------------------*/
#icono_cy{
	margin-top:12px;
	margin-left:10px;	
	margin-right:0px;	
	margin-left:10px;
	width:40px;
	height:40px;
	float:left;
	border-style:none;
	overflow:hidden;	
}
#temp_cy{
	width:45px;
	height:25px;
	margin-top:20px;
	margin-left:8px;
	margin-right:0px;
	font-size:15px;
	text-align:left;
	float:left;
	border:none;
	overflow:hidden;	
}
#clima_nombre_ciudad{
	margin-top:20px;
	margin-left:5px;
	width:100px;
	height:20px; 
	font-size:15px;
	text-align:left;
	float:right;
	overflow:hidden;
	/*line-height:8px;	*/
}
#max_min_cy{
	width:70px;
	height:40px;
	float:right;
	text-align:center;
	margin-right:0px;
	font-size: 9px;
	line-height:5px;
	overflow:hidden;
}