/*---( Reseteamos los estilos )-----------------------------------------------------*/
@import url("resetcss.css");

/*---/ Tabs /---------------------------------------------------------------------*/
@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/*---( Body )-----------------------------------------------------------------------*/
body {
	color: #2E5576;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	margin:0;
	padding: 0 0 0 0;
	text-align: center;
	background-color: #E9F1F5;
}
/*---( Enlaces )--------------------------------------------------------------------*/
a, a:link, a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
/*---( Layout )---------------------------------------------------------------------*/
#portaweb {
	margin: 0 auto;
	text-align: left;
	width: 770px;
}
/*---/ Cabecera /---------------------------------------------------------------------*/
#cabecera {
	background: url(../imagenes/web/web_cabecera.gif) no-repeat left bottom;
	padding:  0 10px;
	position: relative;
	height: 105px;
}
#cabecera h1 {
	font-size: 1.3em;
	letter-spacing: 0.1em;
	font-weight:bold;
	position: absolute;
	top: 8px;
	left: 15px;
}
/*---/ Contenido /---------------------------------------------------------------------*/
#contenido {
	padding: 0 15px 5px;;
	background: url(../imagenes/web/web_fondo.gif) repeat-y;
	position: relative;
}
.banner{
	border-bottom: 4px solid #0363A0;
	padding-bottom:1px;
}
#contenido h2 {
	padding: 10px 13px;
	border-bottom: 4px solid #0363A0;
	cursor: pointer;
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 140%;
	letter-spacing: 0.2em;
	clear: both;
}
#contenido h3 {
	padding: 8px 13px;
	border-bottom: 3px solid #0363A0;
	cursor: pointer;
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 100%;
	letter-spacing: 0.2em;
	clear: both;
}
#contenido ul {
	margin: 10px 20px;
}
#contenido ul li {
	padding: 2px 5px 2px 14px;
	background: url(../imagenes/web/li.gif) no-repeat left 3px;
}
#contenido ul.gen {
	margin: 10px 100px!important;
}
#contenido ul#navprin {
	position: absolute;
	left: auto;
	top: -30px;
	right: 10px;
	margin: 0px;
}
#contenido ul#navprin li {
	float: left;
	display: inline;
	margin: 0 0 0 20px;
	padding: 0;
	background-image: none;
}
#contenido ul#navprin li a {
	padding: 0 5px 0 5px;
	text-decoration: none;
	color: #99ADC4;
	display: block;
	font-size: 110%;
}
#contenido ul#navprin li a:hover, ul#navprin .ui-tabs-selected  a {
	color: #4F6A88!important;
	border-bottom: 5px solid #C5CFD4;
}
#tabscont {
	margin: 0px 10px;
}
#tabscont ul {
	margin: 0px;
	height: 19px;
}
#tabscont ul li {
	float: left;
	display: inline;
	margin: 0 5px;
	padding: 0;
	background-image: none;
}
#tabscont ul li a {
	padding: 0 5px 0 5px;
	text-decoration: none;
	color: #99ADC4;
	letter-spacing: 0.1em;
	display: block;
	font-size: 110%;
}
#tabscont ul li a:hover, #tabscont ul .ui-tabs-selected  a {
	color: #4F6A88!important;
	border-bottom: 5px solid #C5CFD4;
}
#contenido p {
	padding: 5px 10px;
	text-align: justify;
	margin-top:10px;
}
#contenido div.imgserv{
	float: right;
	display: inline;
	border: 5px solid #C2D6E3;
	margin: 5px 0 0 20px;
}
#fotosinicio{
	width: 600px;
	margin: 0px auto;
	margin-top: 20px;
}
#contenido div.torrellano{
	float: left;
	display: inline;
	border: 5px solid #C2D6E3;
}
#contenido div.elche{
	float: right;
	display: inline;
	border: 5px solid #C2D6E3;
}
#contenido div.torrellano:hover{
	border: 5px solid #0363A0;
}
#contenido div.elche:hover{
	border: 5px solid #0363A0;
}

#contenido p.imgbann {
	margin: 0;
	padding: 5px 0;
}

#trabrea{
	float: left;
	display: inline;
	margin:20px auto;
	margin-left:85px;
}
#trabrea img{
	border: 4px solid #C2D6E3;
}
#trabrea img:hover{
	border: 4px solid #0363A0;
}
#fragmento-5 {
	position: relative;
}
#lnkmp {
	position: absolute;
	right: 100px;
	left: auto;
	top: 210px;
}
#lnkmp a {
	background: url(../imagenes/web/mapa.gif) no-repeat 0px 0px;
	height: 25px;
	width: 169px;
	margin: 0;
	padding: 0;
	display: block;
}
#lnkmp a:hover {
	background: url(../imagenes/web/mapa.gif) no-repeat 0px -25px;
}
#lnkmp2 {
	position: absolute;
	right: 100px;
	left: auto;
	top: 330px;
}
#lnkmp2 a {
	background: url(../imagenes/web/mapa.gif) no-repeat 0px 0px;
	height: 25px;
	width: 169px;
	margin: 0;
	padding: 0;
	display: block;
}
#lnkmp2 a:hover {
	background: url(../imagenes/web/mapa.gif) no-repeat 0px -25px;
}
/*---/ formulario /---------------------------------------------------------------------*/
form {
	display: block;
}
form div {
	float: left;
	display: inline;
	width: 360px;
	margin: 0 5px;
	text-align: center;
}
form p {
	text-align: center!important;
}
form img {
	border: 1px solid #C5CFD4;
	vertical-align: middle;
}
form label {
	display: block;
	font-weight: bold;
	border-bottom: 1px dotted #C5CFD4;
	margin: 0 0 3px;
	text-align: left;
}
input, textarea {
	width: 100%;
	border: 1px solid #C5CFD4;
	background: #F0F3F7;
	text-align: left;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	color: #2E5576;
}
textarea {
	height: 190px;
}
input.cap {
	width: 150px;
}
p.send {
	clear: both;
	border-top: 1px dotted #C5CFD4;
	padding: 5px 10px;
	word-spacing: 150px;
}
p.send input {
	width: auto;
	padding: 3px 15px;
	letter-spacing: 0.1em;
	font-weight: bold;
	background: #C5CFD4;
	text-align: center;
}
/*---/ Pie /---------------------------------------------------------------------*/
#pie {
	clear: both;
	padding: 15px 10px;
	text-align: center;
	background: url(../imagenes/web/web_pie.gif) no-repeat left top;
}
#pie p {
	padding:  0 0 5px;
	color: #2E5576;
	
}

.oculto {
	position:absolute;
	top:-1000px;
	left:-1000px;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:-1000;
}

/*Lptd*/
.lptd {
	clear: both;
	float: none;
	width: auto;
	display: block;
	text-align: left;
	padding-top: 10px;
}

.lptd h4 {
	font-weight: bold;
}

#contenido .lptd p {
	text-align: left !important;
	padding: 0;
}

.lptd label {
	display: inline;
	border: none;
}

.lptd input.checkbox {
	width: auto;
	margin-right: 5px;
}

/*-------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
* html .clearfix {
height:1px;
}
.clearfix {zoom:1;}