﻿/*   INICIO PREVISIONES  */

#caja_prevision{
	clear: both;
	margin-bottom: 30px;
}

#sup_izq{
	float: left;
	width: 96.92%;
	height: 20px;
	background-image: url(images/prevision_olas/top_left.png) !important;
	background-repeat: no-repeat;
	background-position: top left;
}

#sup_der{
	float: right;
	width: 3.08%;
	height: 20px;
	background-image: url(images/prevision_olas/top_right.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#caja_prevision_centro{
	clear:both;
	width: 647px; /*649- los bordes*/
	min-height: 630px;/*277px;*/
	border-left: 1px #e8ba5c solid;
	border-right: 1px #e8ba5c solid;
	background-image: url(images/prevision_olas/centro.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

#inf_izq{
	float: left;
	width: 96.92%;
	height: 20px;
	background-image: url(images/prevision_olas/bottom_left.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#inf_der{
	float: right;
	width: 3.08%;
	height: 20px;
	background-image: url(images/prevision_olas/bottom_right.png);
	background-repeat: no-repeat;
}

#caja_prevision_ul ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#caja_prevision_ul ul li{
	display: inline;
	padding:6px;
	text-align:center;
	height: 28px;
	background-color: #e8ba5c;
	border: 1px #e8ba5c solid !important;
	cursor: pointer;
}

#caja_prevision_ul ul li:hover{
	background-color: #FFFFFF !important;
	border: 1px #e8ba5c solid !important;
	cursor: pointer;
}

.prevision_dias{
	margin-left: 20px;
	margin-right: 20px;
	color: #103337;
}
.prevision_dias h5{
	border-right: 1px #103337 solid;
	height: 196px;
	vertical-align:middle;
	float:left;
	width: 5%;
}

.prevision_dias .img_dia_semana{
	border-right: 1px #103337 solid;
	height: 196px;
	float:left;
	width: 5%;
}

.prevision_dias .img_dia_semana img{
	margin-top: 20px;
}

.prevision_dias_bloque{
	/*background-color: #ffffff;*/
	width: 100%;
	height: 196px;
	border-bottom: 1px #103337 solid;
	clear: both;
}

.prevision_dias_bloque table{
	width: 90%;
	font-size: 0.81em;/*13px/16*/
	padding-left: 10px;
}

.prevision_dias_bloque table th{
	font-size: 1em;/*14px/16*/
	padding-bottom: 10px;
}

.prevision_dias_bloque table td{
	padding-top: 1px;
	text-align: center;
}

.prevision_dias_bloque table .td_altura{
	width: 100px;
}

.mar_altura{
	height: 20px;
	background-image: url(images/prevision_olas/altura_mar.png);
	background-repeat: no-repeat;
}

/*   FIN PREVISIONES   */
