/* Basic */
* {margin:0; padding:0;}

body {
	height:100%;
	font:62.5% Verdana, Arial, Helvetica, sans-serif;
	color:#474747;
	background: url(../img/bg_body.gif);
}

:focus {outline:0;}
img {border:0px;}
ul, ol {list-style-type:none;}

a {color:#384a9f; text-decoration:none;}
a:hover {color:#384a9f; text-decoration:underline;}

/****************** Clases generales *********************/
.right { float:right;}
.left { float:left;}
.cleaning { clear:both;}


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:block;}/* Hack para ie6*/
* html .clearfix {height:1px;}/* Hack para ie mac*/

.box_txt { font-size:1.1em;}
	.box_txt p { margin-bottom:1.2em; text-align:justify;}

		/*** Formularios ***/		
		label{
			display:block;
			float:left;
			width:80px;
			font-weight:bold;
			text-align:right;
			padding-right:6px;
			line-height:1.8em;
		}
		
		.txt, textarea {
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			color:#717070;
			border:1px solid #D5D4D4;
			padding:0.1em;
			background:#fff;
			margin-bottom:1.0em;
			width:11.0em;
		}
		
		.txt:focus, textarea:focus {background:#F0F0F0;}
		
		.btn {
			font-size:11px;
			background-color:#FCFCFC;
			background-image:url(../img/btn.gif);
			background-repeat:no-repeat;
			background-position:0px 0px;
			color:#fff;
			display:block;
			line-height:24px;
			height:24px;
			width:82px;
			text-decoration:none;
			text-align:center;
			border:0px;
			cursor:pointer;
			font-weight:bold;
			letter-spacing:0.1em;
		}
		.btn:hover{background-color:#FCFCFC; background-position:0px -23px; color:#fff;}
		
		form br { clear:left;}

/*************************  Layout base ***********************/
#wrap {
	background:url(../img/bg_wrap.gif) repeat-x 0px 0px;
	padding-top:18px;
	width:100%;
	height:100%;
	position:relative;
}

#contenedor{
	margin:0px auto;
	width:969px;
	padding:0px 8px;	
	background:#fff url(../img/bg_cabecera.gif) no-repeat right 36px; 
}

#cabecera { padding:11px 0px 8px;}

	#cabecera .right { text-align:right;}
	#cabecera strong { color:#2ac4f4; font-size:1.8em;}
	
	#cabecera ul { margin-top:0.5em;}
	#cabecera ul li {display:inline; font-size:1.2em; font-weight:bold; color:#384ba0; line-height:1.3em;}
	.mainMenu_item {
		color:#4b5eab;
		text-decoration:none;
		padding:1px 2px 2px 0px;
	}
	.mainMenu_itemSel, .mainMenu_itemSel:hover, .mainMenu_item:hover{
		color:#fff;
		text-decoration:none;
		background:#4b5eab;
		
	}
	.logo a {
		display:block;
		width:123px;
		height: 0px !important;
		height /**/:63px; /* IE 5/Win hack */ 
		padding: 63px 0 0 0;
		overflow: hidden;
		background: url(../img/bg_logo2.gif) no-repeat 0px 0px;
	}

	
#contenido {}
	
	#leftCol { float:left;}
	
		.side_box { background:#b5deeb; margin-bottom:2.0em; position:relative;}
		
			.side_box img { position:absolute;}
				#areaPrivada img { top:-12px; left:204px;}
				#catalogo img {  top:-18px; left:194px;}
				#noticias img {  top:-18px; left:194px;}
		
			.side_box h3 {
				color:#fff;
				font-size:15px;
				background-color:#4355a0;
				padding:1px 50px 2px 10px;
				text-align:right;
				background-repeat:no-repeat;
			}
			
			.side_box .box_txt { padding:1.0em;}
			.side_box .box_txt h4 {
				margin-bottom:1.0em;
				padding:0em 0.4em;
				font-size:1.1em;
				color:#474747;
				display:block;
				background-color:#def6fd;
				line-height:1.4em;
			}
			.side_box .box_txt ul { margin-left:1.0em; margin-bottom:1.0em; line-height:1.4em;}
			.side_box .box_txt p strong { font-size:1.1em;}
			
			#areaPrivada form div { text-align:right; line-height:1.5em;}
			#areaPrivada form div a { color:#474747; text-decoration:underline;}
			#areaPrivada form div a:hover { color:#474747; text-decoration:none;}
			

	
	#rightCol { width:238px; float:right;}


#pie{background:#384ba0; color:#fff; line-height:4.5em; }

	#pie .clearfix { width:969px; font-size:1.1em; margin:0px auto;} 
	#pie .copy, #pie ul, #pie ul li { display:inline;}
	#pie a {color:#fff; text-decoration:none; padding:0.1em 0.2em;}
	#pie a:hover {color:#fff; text-decoration:none; background:#5769AF;}
	#pie .right {background:url(../img/logo_websDirect.gif) no-repeat 0em 1.4em; padding-left:2.0em;}
	

/*************************  Layout Delegaciones ***********************/

.mapaDel { display:block; margin-bottom:2.0em;}
	
.list_delegaciones { width:713px;}
.list_delegaciones li {
	padding:0.55em 0.8em;
	background:#f3f5f5;
	margin-bottom:0.6em;
	font-size:1.1em; 
}
.list_delegaciones li strong { color:#384a9f;}

/********************* TEXTOS ***********************/
.textoGris11, .textoGris11 a {
	color:#474747;
	font-size:11px;
	text-decoration:none!important;
}
.textoGris11, .textoGris11 a:hover {
	color:#474747;
	font-size:11px;
	text-decoration:underline;
}
.textoBlanco13 {
	color:#FFFFFF;
	font-size:13px;
}
.textoAzul12 {
	color:#384ba0!important;
	font-size:12px;
}
.textoNegro12 {
	color:#000000;
	font-size:12px;
}

.cajaTexto01 {
	border:1px solid #384ba0;
}