body { background: #fff; font-size: 11px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
img { border: 0; }
hr { clear:both; visibility:hidden; height:1px; border:none; }
#wrapper {  }

#header { border-top: 10px solid #333; width: 788px; margin: 0 auto; }
#header img.logo { margin: 20px 0 0 20px; }
#topMenu { float: right; display:block; margin: 0; height:90px; overflow:hidden; }
#topMenu ul { list-style:none; }
#topMenu li { display:inline; color: #999; margin-right: 5px; }
#topMenu li.on a { font-weight: bold; padding-bottom: 3px; border-bottom: 2px solid #23639f; }
#topMenu a { color: #23639f; text-decoration:none; }
#topMenu a:hover { text-decoration:underline; }
#slogan { color: #23639f; font-size: 100%; font-weight:normal; font-family:Verdana, Arial, sans-serif; padding: 0 0 1.5em 85px; margin:0; }

#topMenu a img { -moz-opacity:0.4; opacity: 0.4; filter:alpha(opacity=40); }
#topMenu a:hover img { -moz-opacity:1; opacity: 1; filter:alpha(opacity=99); }

#mainMenu { padding: 0; height:25px; margin: 0;  }
#mainMenu ul { list-style: none; margin: 0; padding:0; }
#mainMenu li { display: inline; margin:0; padding:0; }
#mainMenu a {
	float:left;
	display:block;
	margin: 0;
	padding: 7px 18px 5px 18px;
	background: #666;
	color: #fff;
	text-decoration:none;
	font-size: 110%;
	border-right: 1px solid #b3b3b3;
}
#mainMenu a:hover, #mainMenu a:focus { background:#999; }
#mainMenu li.on a { background: #eee url(../img/fondo_solapa.jpg) repeat-x; font-weight:bold; color:#333; margin-bottom: -5px; position:relative; font-size: 115%;}

#userInfo { float:right; }

#mainBody { border-top: 20px solid #eee; }
#mainBody { margin: 0 auto; }

#contentPane {	padding: 0 40px 1em 40px; width: 788px; margin: 0 auto; background:url(../img/fondosombra.jpg) 20px top repeat-y; }/*788*/
#contentPane h1 { font-size: 135%; }
#contentPane h2 { font-size: 125%; color: #333; }
#contentPane p { line-height: 130%; color:#333; }


#submenu { float:left; width: 160px; }
#submenu ul { margin:0; padding:1.3em 0 0 0; list-style:none; border-right: 1px solid #ddd; }
#submenu li { border-bottom: 1px solid #ddd; }
#submenu li:hover {cursor:pointer; cursor:hand;}
#submenu li a { display:block; padding:7px; color:#457bae; font-size:110%; }
#submenu li a:hover { color:#8fc648; font-weight:bold; }
#submenu li.on a { background:#4c6fae; padding-left:15px; text-decoration:none; font-weight:bold; color:#fff;}

#contents { float:left; margin-left: 30px; width:590px; padding-top:1em; background:url(../img/fondo_mapa.gif) center 35% no-repeat; line-height:140%; font-size:115%; }
#contents h1 { color:#b2212c; border-bottom:1px solid #ccc; }
#contents p { line-height:140%; }
#contents li { margin-bottom: 0.5em; }
#contents h2 { margin-top: 1.5em; color:#4c6fae; font-family:"Trebuchet MS",Verdana,Arial,sans-serif; }

#breadcrumbs { color: #999; margin:0 0 1.5em 0; font-size:95%; }
#breadcrumbs a { color: #555; }
#breadcrumbs a:visited { color: #666; }
#breadcrumbs a:hover { color: #000; }

#footer { clear:both; width: 788px; margin: 0 auto;  padding: 5em 40px 1em 40px; font-size: 90%; color: #666; text-align: center; background:url(../img/fondosombra.jpg) 20px top repeat-y; }
#footer a { color: #666; }

#messageBox { padding: 20px; font-weight:bold; font-size:120%; }

img.fotor { float:right; padding:5px; border:1px solid #ccc; margin:10px; }
img.fotol { float:left; padding:5px; border:1px solid #ccc; margin:10px; }

/** HOME **/
#page-home #intro { background: #eee; }
#page-home #contentPane { padding:0; width:100%; background:none; }
#page-home #login { height:200px; width:788px; margin:0 auto; }
#page-home #login dl { margin:0; padding:0; width:180px; float:right; }
#login dt { color:#b2212c; border-bottom: 1px solid #999; font-weight:bold; font-size:115%; padding-bottom: 3px; margin-bottom: 0.4em; }
#login dd {  margin:0; padding:0; color: #333; }
#login form { margin: 0.7em 0 1.1em 0; }
#login label { display:block; width: 65px; float:left; font-size:105%; padding-top:0.7em; }
#login input { border: 1px solid #333; margin-top: 0.5em; }
#login input#username { width: 105px; }
#login input#password { width: 105px; }
#login input#submit { background:#1c5a94; color:#fff; border:1px solid #eee; padding: 2px 5px 2px 5px; margin:1em 0 0 100px; font-size:100%; }
#page-home #quickInfo { width:788px; margin:0 auto; }
#page-home #quickInfo #servicios { float:left; width:392px; }
#page-home #quickInfo #noticias { float:right; width:350px; margin-left: 30px;}
#page-home #quickInfo h1 { color:#457bae; border-bottom:1px solid #ccc; padding-bottom:3px; margin:1.2em 0px 0px 0px; font-size:120%;  }
#quickInfo h2 { color:#4c6fae; }
#quickInfo a { color:#4c6fae; text-decoration:none; }

#noticias ol { list-style:none; margin:1em 0 0 0; padding:0; }
#noticias li { border-bottom:1px solid #e8e5de; color:#666;  }
#noticias li a { color:#666; text-decoration:none; display:block; padding:5px 10px 5px 5px; margin-right:5px; background: url(../img/flechita_li.gif) no-repeat right; }
#noticias li a:hover, #page-home #noticias li a:focus { color:#fff; background: #666 url(../img/flechita_li_focus.gif) no-repeat right; }
#noticias span.fecha { color: #134992; background:url(../img/icono_news.gif) no-repeat; padding: 0 0 0 2.1em; }
#noticias li a:hover span.fecha, #page-home #noticias li a:focus span.fecha { color: #fff; }

#page-home #whyus { height:175px; background:#666; padding: 15px 25px 0 25px; color:#eee; margin-top: 1em; }
#page-home #whyus h2 { color: #fff; }
#page-home #whyus p { color: #eee; text-align: justify; }
#page-home #whyus a { color: #fff; }
#page-home #whyus div { margin-top: 1em; }
#page-home #whyus div img { float:left; margin: 0px 5px 5px 5px; }

#page-home #servicios h2 { color: #000; margin-bottom:0.2em; }
#page-home #servicios img { float:left; padding:2px; border: 1px solid #ccc; margin: 0 10px 0 5px; }
#page-home #servicios p { margin-top: 0.7em; }
#page-home #servicios div {  background:url(../img/degradado.jpg) bottom repeat-x; height:75px; margin-bottom: 10px; cursor:pointer; cursor:hand; line-height:110%; }


/** SERVICIOS **/
#page-servicios p { line-height: 140%; }


/** CLIENTES **/
#page-clients #login { border: 1px solid #ccc;  float:right; padding:10px; margin: 0 0 15px 15px; font-size: 90%; }
#page-clients #login dl { margin:0; padding:0; width:180px;  }
#page-clients #login label { display:block; width: 65px; float:left; font-size:105%; padding-top:0.7em; }


#page-clients #fmalta label { display:block;font-size:105%; padding:0.7em 0 0.2em 0; }
#page-clients #fmalta input.submit { background:#1c5a94; color:#fff; border:1px solid #eee; padding: 2px 5px 2px 5px; margin:1em 0 0 10px; font-size:100%; display:block; }


/** CONTACTO **/
#page-contacto form { margin: 1em 0 1em 20px; }
#page-contacto form ol { list-style:none; margin:0; padding:0; }
#page-contacto label { display:block; margin-top: 0.8em; }

#page-contacto th { font-weight:bold; text-align:left; }
#page-contacto table { width:500px; }
#page-contacto td { line-height: 130%; }

#map { width: 500px; height: 400px; border: 1px solid #ccc; padding:5px; font-size:85%; }


#page-news #noticias { margin-top: 2em; }


iframe.seguimiento { width:100%; height:500px; border:1px solid #ccc; font-size:80%; }

/** TEMPORAL   
#topMenu { visibility: hidden }
#mainMenu { visibility: hidden }
**/