/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	color: #000;
	font: 62.5%/1.6 Verdana, Arial, sans-serif; /* with this settings 1em = 10px approx. */
	background: #fff;
}

/* Class for clearing floats */
.clear { overflow: hidden; width: 100%; clear: both; }

/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left !important }
.floatRight { float: right !important }
.imgFloatRight { margin: 0 0 20px 20px; float: right; }
.imgFloatLeft { margin: 0 20px 20px 0; float: left; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w150px { width: 150px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w520px { width: 520px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }

strong { font-weight: bold; }

em {font-style: italic; }

u{text-decoration: underline}

ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style-position: inside;
}

/* clear seguro */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */

h1{font-size: 2em}
h3{font-size: 1.6em}
h3{font-size: 1.2em; font-weight: bold; margin: 5px 0 0 0;}

a:link, a:visited{color: #333}

label{display:block; font-size:1.2em}

/* =Layout
-----------------------------------------------------------------------------*/
#wrapper{ width: 760px; margin: 0 auto; padding: 10px 0}
	
	#logo{padding: 10px 0}
	#group{padding: 5px 0}
	
	#imagenTop{margin-top: 5px}

	#menuWrapper{background: #e5e6ea; padding: 10px 0 0 0;}
		#menu{background: #008DD3; }
			#menu ul{padding: 0 10px;}
			#menu ul li{float:left; width:auto; padding: 5px 8px 4px 8px; border-right: 1px solid #fff}
			#menu ul li span{font-size: 1.3em; _font-size: 1.2em; display:block;}
			#menu ul li a{ display:block; _display:inline; height:16px; color:#FFFFFF; font-weight:normal; }
			
	#mainContent{margin-top: 5px; background: #e5e6ea; color: #333}
	
			.noticia{padding: 20px;}
			.noticiaFoto{}
			.noticiaTexto h3{font-size:1.8em;}
			.noticiaTexto p{font-size: 1.2em;}
			
			.cuerpoTexto{padding: 20px}
			.cuerpoTexto h2{font-size:1.8em;}
			.cuerpoTexto p{font-size: 1.2em; margin: 5px 0; line-height: 140%;}
			
			.cuerpoTexto ul li{padding-left: 10px;background: url(../img/bullet.gif) no-repeat left  8px; font-size: 1.2em;}
			
			ul.relacionados{margin: 10px 0; padding: 10px; background:#fff;}
			ul.relacionados a{color:#666666}
			
			ul.serveis p{ margin: 0 !important}
			
			.fotos{ padding: 20px 20px 0 0}
			.fotos2{padding: 20px 0 0 20px}
				.photoWrapper{margin-bottom: 10px}
				.photoFoot{font-style: italic; font-size: 1.1em; padding-left: 2px; color: #666}
	
	#footer{margin-top: 5px; padding: 5px 20px;background: #e5e6ea; color: #666;}
		#footer a:link, #footer a:visited{color:#666}

/* =clases
-----------------------------------------------------------------------------*/

.formRow{margin: 0 0 5px 0}
.textField, .textArea{border: 1px solid #D7D9DF; padding: 2px; font-size:1.4em; color: #083788}
.textButton{ font-size: 1.2em}