/*css ocio*/

/*
Colors:

#3b419a --> azul hermes
#9da0cd --> morado oscuro
#ced0e6 --> morado claro
#e7e8f3 --> morado mas claro
#f7f8fc --> gris claro
*/

body{
	background-color: #FFFFFF;
	/*font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;*/
	font-family: tahoma, sans-serif;
	font-size:12px;
	line-height:18px;	
	color: #000;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a{
	color:#000;
}

a:hover {
	/*color:#f7f0f0;*/
	text-decoration:none;
}


#page{
	width: 760px;
	margin: 0px auto;
}

#header{
	border: 1px solid #9da0cd;
	width: 760px;
	height: 240px;
	margin: 0px 0px 20px 0px;	
	padding: 0px 0px 0px 0px;
	/*
	float: left;
	background-image: url(img/header.jpg);
	background-repeat: no-repeat; 
	background-position: left top;
	text-align: center;
	color:#c42732;
	*/
	/*background-color:#3b419a;*/
}

#header{
	border: 1px solid #9da0cd;
	width: 760px;
	height: 240px;
	margin: 0px 0px 20px 0px;	
	padding: 0px 0px 0px 0px;
	/*
	float: left;
	background-image: url(img/header.jpg);
	background-repeat: no-repeat; 
	background-position: left top;
	text-align: center;
	color:#c42732;
	*/
	/*background-color:#3b419a;*/
}

#highlight{
	border: 1px solid #AA1216;
	width: 750px;
	margin: 0px 0px 20px 0px;	
	padding: 5px 5px 5px 5px;
	background-color:#F68E91;
	color: #FFF;
}

#highlight a{
	color:#FFF;
}


#content{
	border: 1px solid #9da0cd;
	width: 560px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background-color: #e7e8f3;
}


#sidebar{
	width: 170px;
	float: left;
	background-color: #e7e8f3;	
}

#sidebar a{
	text-decoration: none;
	color: #3b419a;
	font-weight:bold;
}

#sidebar ul{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#sidebar ul li {
	border: 1px solid #9da0cd;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

.on{
	background-color: #f7f8fc;
}



#footer{
	border: 1px solid #FFF;
	width: 760px;
	clear: both;
	text-align: center;
	margin: 0px 0px 20px 0px;
}

#footer .in{
	border: 1px solid #9da0cd;
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background-color: #e7e8f3;
}

#footer .in a {
	text-decoration: none;
	color: #3b419a;
	font-weight:bold;
}


#footer ul{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer ul li {
	display: inline;
	padding: 0px 10px 0px 10px;
}



.post{
	text-align: justify;
	clear:both;
}


.post h2 {
	font-size:14px;
	font-weight:bold;
	color:#3b419a;
	text-align: center;	
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
}

.post .entry {
	padding: 10px 10px 10px 10px;
	background-color: #FFF;
}


.floatleft{
	float: left;
}

.floatright{
	float: right;
}


.center{
	text-align:center;
	vertical-align:middle;
}

.divtariffs{
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
}

.tariffs{
	margin: 0px auto;
}

.tariffsbig{
	margin: 0px auto;
}

.tariffs td{
	border: 1px solid #9da0cd;
	padding: 5px 5px 5px 5px;
	vartical-align: top;
}

.tariffs .title{
	text-align: center;
}

.tariffs .primary{
	background-color: #e7e8f3;
	color: #3b419a;
	font-weight:bold;
}


.tariffs .secondary{
	text-align: right;
}

.iva{
	text-align: center;
}