/*
      Theme Name: Ocla
      Theme URI: http://www.ocla.es
      Version: 1.0
      Author: Portales Andalucia
      Author URI: http://www.portalesandalucia.com
*/

/* FIXES */
*, html { 
	margin:0; 
	padding:0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END FIXES */

body {
	font-family: "Tahoma", "Helvetica", "Arial", sans;
	font-size:0.85em;
	background:url('imagenes/fondo.png') repeat-x;
}
a {
	outline:none;
	text-decoration:none;
	color:#548D24;
}
a:hover {
	text-decoration:underline;
}

#header {
	margin:0px auto 0px auto;
	width:980px;
	height:98px;
	background:url('imagenes/cabecera.png') no-repeat;
}
	#header h1 {
		float:left;
		width:350px;
		height:98px;
	}
		#header h1 a {
			display:block;
			width:350px;
			height:98px;
			text-indent:-99999px;
		}
 	#vflash {
		display:block;
		width:84px;
		text-align:center;
		color:#111;
		font-weight:bold;
		height:17px;
		margin-left:300px;
		margin-bottom:13px;
		padding:4px 13px;
		font-size:0.9em;
		background:url('imagenes/botonflash.png');

	}
	#vflash.inauguracion {
		border-top:2px solid #FFFFFF;
		border-left:2px solid #FFFFFF;
		border-right:2px solid #FFFFFF;
		margin-left:130px;
		margin-top:-39px;
		width:136px;
		background:#FAFF99;
	}
	#header #menu {
		float:right;
		position:relative;
		top:55px;
		margin-right:30px;
	}	
		#header #menu li {
			height:40px;
			width:110px;
			list-style:none;
			float:left;
			margin:0px 5px;
		}
		#header #menu li a {
			display:block;
			height:40px;
			text-indent:-999999px;
			background:url('imagenes/menu.png') no-repeat;
		}
		
		#header #menu li#home {}
		#header #menu li#promocion {}
		#header #menu li#descarga {}
		#header #menu li#contacto {}
		
		#header #menu li#home a {
			background:url('imagenes/menu.png') 0px 0px no-repeat;
		}
		#header #menu li#promocion a {
			background:url('imagenes/menu.png') -110px 0px no-repeat;
		}
		#header #menu li#descarga a {
			background:url('imagenes/menu.png') -220px 0px no-repeat;
		}
		#header #menu li#contacto a {
			background:url('imagenes/menu.png') -330px 0px no-repeat;
		}
		#header #menu li#home a:hover {
			background:url('imagenes/menu.png') 0px -40px no-repeat;
		}
		#header #menu li#promocion a:hover {
			background:url('imagenes/menu.png') -110px -40px no-repeat;
		}
		#header #menu li#descarga a:hover {
			background:url('imagenes/menu.png') -220px -40px no-repeat;
		}
		#header #menu li#contacto a:hover {
			background:url('imagenes/menu.png') -330px -40px no-repeat;
		}
#container {
	width:980px;
	margin:0px auto;
}
	#content {
	
	}
	#content .post-l {
		background:url('imagenes/izq.png');
		width:447px;
		height:444px;
		float:left;
	}
	#content .post-r {
		background:url('imagenes/der.png');
		width:463px;
		height:437px;
		padding:7px 0px 0px 70px;
		float:right;
	}
		#content .post-l #arrow-left {
			position:relative;
			top:150px;
			width:31px;
			height:127px;
			float:left;
		}
		#content .post-l #arrow-left a {
			display:block;
			width:31px;
			height:127px;
			background:url('imagenes/flecha-l.png');
			text-indent:-999999px;
		}
		#content .post-l .post {
			padding:0px 20px 20px 30px;
			width:365px;
			height:344px;
			float:right;
			position:relative;
			top:45px;
		}
		#content .post-l .post-plano {
			top:28px;
			padding: 0px 0px 0px 12px;
			float:left;
		}
		#content h1, h2, h3, h4, h5, h6 {
			margin:10px 0px 0px 0px;
		}
		#content .post-l .post h2.title {
			margin-bottom:20px;
			border-bottom:1px solid #999;
		}
		#content .post-r h2.title {
			margin-bottom:20px;
			border-bottom:1px solid #999;
			width:400px;
		}
		#content .post-l .post p {
			margin:5px 0px;
		}
		#content .post-l .post p img {
			margin:10px 0px;
		}
		#content h3 {
			font-weight:normal;
		}
		#content .post-r form  {
			margin:25px;
			font-size:0.8em;
		}
		#content .post-r #arrow-right {
			position:relative;
			top:-250px;
			left:-3px;
			float:right;
		}
		#content .post-r #arrow-right a {
			display:block;
			width:31px;
			height:127px;
			background:url('imagenes/flecha-r.png');
			text-indent:-999999px;
		}
		#content .post-r #arrow-right-planos {
			position:relative;
			top:115px;
			left:-3px;
			float:right;
		}
		#content .post-r #arrow-right-planos a {
			display:block;
			width:31px;
			height:127px;
			background:url('imagenes/flecha-r.png');
			text-indent:-999999px;
		}

	#sidebar {
	
	}
	#submenu {
		margin-left:29px;
	}
	#submenu a {
		float:left;
		position:relative;
		top:7px;
		padding:3px;
		display:block;
		width:84px;
		height:19px;
		text-align:center;
		margin-bottom:-7px;
		background:url('imagenes/botonpromocion.png');
	}
#footer {
	width:980px;
	height:57px;
	margin:0px auto;
	background:url('imagenes/pie.png');
}
#footer p {
	padding:20px;
	text-align:center;
	font-size:0.9em;
	color:#fff;
}
#footer a {
	color:#fff;
}
#content .galeria .post h2.title {
	margin-bottom:5px;
	font-size:1em;
}
#content .galeria .entry {
	width:400px;
}
#content .galeria.dos {
	margin-top:40px;
}
.gallery {
	margin: auto;
}
.gallery-item {
	float: left;
	margin-top: 2px;
	text-align: center;
	width: 22%;			}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-caption {
	margin-left: 0;
}
#content .post-r form {	
	font-size:0.8em;
	margin:25px 25px 0;
}
div.wpcf7-response-output {
	font-size:0.8em;
	position:relative;
	top:-15px;
	width:390px;
}

/*\*/ 
html*#content .post-r #arrow-right { /*Solo en Safari*/
	top:115px;
}

ul.mapa {
	margin:0px 20px;
	font-size:0.9em;
}
	ul.mapa ul {
		margin:0px 20px;
	}

	div.wpcf7-f1-p133-o1 {
		height:300px;
	}
	div.wpcf7-response-output {
		
	}
	#content .post-r form.wpcf7-form {
		margin:0px 25px;
	}