/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	background-position: 0px -771px;
	background-repeat: repeat-x;
	text-align:center;
	margin: 5px 0px;
	font-family: Arial,sans-serif;
	line-height: 1.1;	
	margin: 0px;
	padding: 0px;
}

/*------------------------------------- Containers -------------------------------------*/

#global_outer_container {
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	width:820px;
	height:auto;
	position: relative;
	padding: 10px 10px 10px 10px;
	clear:both
}

#global_inner_container {
	position: relative;
	float:left;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	width:800px;
	height:auto;
	color: #333333;
	padding: 10px 10px 10px 10px;
	border:1px solid #ccc;
}

/* Constructs container holding logo line */
#logo_container {
	position: relative;
	width: 100%;
	height: 45px;
}

#logo_circulo {
	position: relative;
	width: 228px;
	height: 40px;
	padding: 0px 0px 5px 5px;
}

#logo_circulo img{
	display: block;
	border:0;
}

#logo_circulo a{
	text-decoration:none;
}

#breadcrumb{
	position:relative;
	font-size: 80%;
	width:780px;
	height:20px;
	padding: 10px 10px 10px 10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	clear:both;
	display:block;
}

	#breadcrumb a { color:#3333CC; text-decoration: none; }
	#breadcrumb a:visited { color:#3333CC; }
	#breadcrumb a:hover {text-decoration:underline; }
				
#content_container {
	position: relative;
	float: left;
	width: 800px;
	height:auto;
	padding: 0px 0px 10px 0px;
	clear:both;
}

#brand_container {
	position: relative;
	float: left;
	width: 780px;
	height:auto;
	text-align:center;
	padding: 20px 0px 20px 0px;
}

#model_outer_container {
	position: relative;
	float: left;
	width: 180px;
	height:auto;
	text-align:center;
	padding: 0px 10px 10px 10px;
	font-size:12px
}

#model_inner_container {
	position: relative;
	height:auto;
	float:left;
}

		#model_inner_container a {
			display: block;
			float: left;
			border: 1px solid #ccc;
			padding: 5px 5px 5px 5px;
			text-align: center;
			text-decoration: none;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			color:#333333;
		}
		
		#model_inner_container a:hover { 
			border-color: #5b5b5b; 
			text-decoration: none 
		}
		
		#model_inner_container img { 
			display: block;
			height:106px;
			width: 159px;
			border:0;
			padding: 0px 0px 5px 0px;
			}
/* ------------------------------------------------------------------ */


#blogo_outer_container {
	position: relative;
	float: left;
	width: 145px;
	height:auto;
	text-align:center;
	padding: 0px 5px 10px 5px;
	font-size:12px;
}

#blogo_inner_container {
	position: relative;
	height:auto;
	width:125px;
	float:left;
}

		#blogo_inner_container a {
			display: block;
			float: left;
			border: 1px solid #ccc;
			padding: 5px 5px 5px 5px;
			text-decoration: none;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			color:#333333;	
			text-align:center;	
		}
		
		#blogo_inner_container a:hover { 
			border-color: #5b5b5b; 
			text-decoration: none 
		}
		
		#blogo_inner_container img { 
			display: block;
			height:100px;
			width: 135px;
			border:0;
			padding: 0px 0px 5px 0px;
			}
/* ------------------------------------------------------------------ */			
			
#brand_description {
	position: relative;
	line-height: 1.3;	
	float: left;
	height:auto;
	width: 100%;
	text-align:left;
	font-size:12px;
	padding: 20px 0px 0px 0px;
}

#footer_container {
	position: relative;
	float: left;
	height:auto;
	text-align:left;
	padding: 0px;
}

#footer_container.brand_header {
	width:390px;
}

#footer_container.brands {
	width:390px;
	border:1px solid #ccc;
}

#footer_container.insurance_header {
	width:390px;
	margin-left:12px;	
}

#footer_container.insurance {
	width:390px;
	border:1px solid #ccc;
	margin-left:10px;	
}

#footer_column {
	position: relative;
	float: left;
	width: 120px;
	padding:0px 3px;
}

#footer_column a{
	text-decoration:none;
	color:#3333CC;
}

#footer_column a:hover{
	text-decoration:underline;
}

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

#footer_container li{
	/*text-transform:uppercase;*/
	list-syle:none;
	font-size:10px;
	line-height:0.9;
}

/* ------------------------ NOTICIAS ------------------------ */	

#side_container {
	position: relative;
	height:auto;
	text-align:left;
	width:120px;
	border:1px solid #ccc;
	padding:12px 5px 5px 5px;
	font-size:12px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	height:880px;
}

#side_container.left {
	float:left
}

#side_container.right {
	float:right
}

#side_container a{
	text-decoration:none;
	color:#333333;
}

#side_container ul a{
	text-decoration:none;
	color:#3333CC;
}

#side_container a:hover{
	text-decoration:underline;
}

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

#side_container li{
	text-transform:uppercase;
	list-syle:none;
	font-size:10px;
	line-height:0.9;
}

#news_outer_container {
	float:left;
	margin:0px;
	position: relative;
	height:auto;
	text-align:left;
	width:480px;
	margin-left:20px;
	margin-right:20px;
}

#news_inner_container {
	float:left;
	margin:0px;
	position: relative;
	height:auto;
	text-align:left;
	width:460px;
	padding:0px 10px;
}

#news_container {
	float:left;
	margin:0px;
	padding:5px;
	margin-bottom:20px;
	position: relative;
	height:auto;
	text-align:left;
	width:480px;
	border:1px solid #ccc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3	
}

#news_container a{
	text-decoration:none;
	color:#333333;
}

#news_container a:hover{
	text-decoration:underline;
}

#news_container a img{
	border:0;
}

#news_container table{
	width:480px;
}

#news_container table a {
	color:#3333CC;
}

#news_container table td{
	vertical-align:top;
	text-align:left;
	padding-bottom:10px;
}

#news_container table td.date{
	width:70px;
	text-align:center;
}

#news_container table td.bullet{
	width:5px;
	text-align:right;
}

#news_container table td.info{
	padding-right:5px;
}

#news_container table td.image{
	width:50px;
	vertical-align:top;
	text-align:center;
}

#news_container table td span.aseg{
	font-size:10px;
	color:#999999;
	text-align:center;
}

#news_container.navigation {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:10px
}


#news_container.navigation a:hover {
	text-decoration:underline
}

#nav_item{
	float:left;
	position: relative;
	width:115px;
	padding:5px 0px 5px 5px;
	text-align:center;
}

#news_header {
	float:left;
	position: relative;
	height:auto;
	background-color:#ECEFF4;
	text-align:left;
	padding: 3px 5px;
	width:470px;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3
}


#news_title {
	float:left;
	position: relative;
	height:auto;
	width:460px;
	margin-top:10px;
}

#news_summary {
	float:left;
	position: relative;
	height:auto;
	width:460px;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3;
	margin-bottom:10px;
}

#news_image {
	display: block;
	float:left;
	position:relative;
	width:135px;
	margin:5px;
}

#news_image2 {
	display: block;
	float:left;
	position:relative;
	width:135px;
	margin-right:10px;
}

#news_description {
	float:right;
	position:relative;	
	width:310px;
	margin:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3
}

#news_link {
	float:right;
	position:relative;	
	width:310px;
	margin:5px;
	text-align:right;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3
}

#news_link a{
	text-decoration:none;
	color:#3333CC;
}

#news_link a:hover{
	text-decoration:underline;
}

/*------------------------------------- GENERAL TAGS -------------------------------------*/


h1 {
	font-size:20px;
	color:#1B8FC9
}

h2 {
	font-size:16px;
	color:#993300;/*#CC0000*/
}

h3 {
	font-size:12px;
	color:#993300;/*#CC0000*/
}

.description {
	line-height: 1.3;	
	text-align:left;
	font-size:14px;
}

.description_low {
	line-height: 1.2;	
	text-align:left;
	font-size:10px;
}

ul {
	list-style-image:url(/images/otros/bullet.gif);
	line-height: 1.3;	
	text-align:left;
	font-size:12px;
}

li {
	margin-bottom:10px;
}

/*--------------------- Listado versiones por modelo -------------------------------------*/

#model_header2 {
	position: relative;
	float: left;
	width: 240px;
	height: auto;
}

	#model_header2 img{
		display: block;
		width: 240px;
		border:0;
	}

	#model_header2 li {margin-left:-10px;}	
	
#competitors {
	position: relative;
	float: left;
	width: 240px;
	height: auto;
}

	#competitors table{
		width:236px;
		float: left;
		border-collapse: collapse;
		border: 1px solid #e5e3de;
		margin-bottom: 25px;
	}
		
			#competitors table th {
				height: 25px;
				border: 1px solid #e0ddd8;
				padding: 2px 2px 0px 2px;
				font-size: 11px;
				text-align:center
			}
		
				#competitors table th.version { width: 196px;text-align: left;padding: 2px 0px 0px 6px; }
				#competitors table th.potencia { width: 40px }
	
			#competitors table td {
				border: 1px solid #e0ddd8;
				height: 25px;
				padding: 5px;
				font: Arial, sans-serif;
				font-size: 11px;
				text-align: center;
				line-height: normal;
				vertical-align:middle;
			}
		
				#competitors table td.version {text-align: left} 
				
				#competitors table td a { color:#3333CC; text-decoration: none; }
				#competitors table td a:visited { color:#999999 }
				#competitors table td a:hover { text-decoration: underline }

	/*------- Definición de la tabla versiones -------------*/

#model_list {
	position: relative;
	float: left;
	text-align:left;
	width: 540px;
	height:auto;
	padding: 20px 0px 20px 10px;
}
	#model_list table{
		width:520px;
		float: left;
		border-collapse: collapse;
		border: 1px solid #e5e3de;
		margin-bottom: 30px;
	}
		
			#model_list table th {
				height: 30px;
				border: 1px solid #e0ddd8;
				padding: 2px 2px 0px 2px;
				font-size: 12px;
				text-align:center
			}
		
				#model_list table th.version { width: 300px;text-align: left;padding: 2px 0px 0px 6px; }
				#model_list table th.potencia { width: 60px }
				#model_list table th.cilindrada { width: 70px }
				#model_list table th.combustible { width: 70px }
	
			#model_list table td {
				border: 1px solid #e0ddd8;
				padding: 5px;
				font: Arial, sans-serif;
				font-size: 11px;
				text-align: center;
				line-height: normal;
				vertical-align: middle;
			}
		
				#model_list table td.version {text-align: left} 
				
				#model_list table td a { color:#3333CC; text-decoration: none; }
				#model_list table td a:visited { color:#999999 }
				#model_list table td a:hover { text-decoration: underline }
				
	/*------- Definición de la tabla datos -------------*/


#data_list {
	position: relative;
	float: left;
	text-align:left;
	width: 540px;
	height:auto;
	padding: 20px 0px 20px 10px;
}

	#data_list table{
		width:520px;
		float: left;
		border-collapse: collapse;
		margin-bottom: 10px;
		font: Arial, sans-serif;
	}
		
			#data_list table th {
				height: 12px;
				padding: 1px 2px 0px 6px;
				font-size: 11px;
				text-align:left;
				border: 1px solid #e5e3de;
				width: 250px;
				font-weight:100
			}
			
				#data_list table th.grupo {
					height: 40px;
					text-align:left; 
					padding: 10px 0px 0px 6px; 
					border:none;
					border-right:none;
					font-size:16px;
					color:#993300;/*#CC0000*/
					font-weight:bold
				}
	
		#data_list table tr {
			height: 12px;
			padding: 1px 2px 0px 6px;
		}
			
			#data_list table tr.grey {
				background:#F3F3F3;
			}
			
			
			#data_list table td {
				border: 1px solid #e0ddd8;
				padding: 5px;
				font-size: 11px;
				text-align: left;
				line-height: normal;
				vertical-align:middle;
			}			
								
/*------- Comparison matrix definition -------------*/		

#comparison_matrix {
	position: relative;
	float: left;
	width: 100%;
	height:auto;
	padding: 10px 0px 10px 0px;
	clear:both;
	text-align:center;
}			

	#comparison_matrix table {
		border-collapse: collapse;
		margin-bottom: 20px;
		font-size: 10px;
		line-height: 1.1;
		margin-left:auto;
		margin-right:auto;
	}		
	
	#comparison_matrix table a img{
		border:0;
	}	
		
	#comparison_matrix table tr.header_combustible {
		font-size: 12px;
		font-weight:bolder;
		text-align:center;
		line-height: 1.2;
		color:#CC0000;
	}
	
	#comparison_matrix table tr.header_puertas {
		font-weight:bolder;
		text-align:center;
		line-height: 1.4;
	}	
	
	#comparison_matrix table td {
		border: 1px solid #e0ddd8;
		vertical-align:center;
	}
		
		#comparison_matrix table td.sin_bordes {
			border: none;
		}
		
		#comparison_matrix table td.marcas {
			border: none;
			vertical-align:top;
		}
				
		#comparison_matrix table td.header_row {
			width:20px;
		}	
		
		#comparison_matrix table td.header_col {
			width:54px;
			height:54px;
		}	
		
		
#matrix_brand {
	position: relative;
	width: 100px;
	height:auto;
	padding: 0px;
	clear:both;
}

	#matrix_brand  img{
		width: 50px;
		height:50px;
	}	
	#matrix_brand.right{
		float:right;
		text-align:right;
		}
	
	#matrix_brand.left{
		float:left;
		text-align:left;
		}

#separador_model {
	position: relative;
	float: left;
	width: 120px;
	height:10px;
}	

#model_vs_container {
	position: relative;
	width:600px;
	display:block;
	margin-left:auto;
	margin-right:auto;	
}


/*  Rounded corners */

.roundcont {
	width: 470px;
	background-color:#f90;
	color: #fff;
	float:left;
}

asdfasdf{
	position:relative;
		padding: 16px 5px 0px 5px;
			float:left;
	}

.roundcont p {
	margin: 0 5px;
	text-align:center;
	font-size:24px;
}

.roundtop { 
	background: url(http://www.circuloseguros.com/images/otros/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(http://www.circuloseguros.com/images/otros/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


/* function redirect */

#function_header {
	position:relative;
	float:left;
	width:800px;
	height:65px;
	margin-top:10px;
	border-bottom:1px solid #e5e3de;
}

#compare_function {
	position:relative;
	width:460px;
	height:40px;
	padding: 16px 5px 0px 5px;
	background-color:#FF9900 ; /*#FF7300*/
	color:#FFFFFF;
	text-align:center;
	font-size:24px;
	float:left;
}

#function_explain{
	position: relative;
	float:left;
	width: 320px;
	height:40px;
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 0px 10px;
}

	#function_explain a { 
		color:#3333CC;
		font:Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		line-height:1.3;
	}

	#function_explain a:visited { color:#3333CC; }
	#function_explain a:hover {text-decoration:underline; }