/**
 * Jose Carlos Cruz Parra
 * www.programadorphpfreelance.com
 * 2009-09-28
 *
 * WEB SENCILLA EN PHP
 *
 * style/general.css.php
 */

/*
daraxa.com:  Hoja de estilos
por David Moya. http://www.atrioweb.com/
Última modificación: 24-01-2008
================================================*/

/*ESTILOS BÁSICOS
--------------------------------------------------------------*/

* {
margin:0px;
padding:0px;
}

body, textarea, input, select, label, p{
	font:normal 11px Verdana, arial, helvetica, sans-serif;
	color:#2f468b;
}

img {
border:0;
}

fieldset {
border:none;
}

a:link,a:visited {
color: #6666ee;/*#DE8300;/*B8802B*/
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }

/*
--------------------------------------------------------------*/

body {
margin:0 auto;
background-color: #011D85;
}

#container{
background:url('../images/bg_body.gif') top left repeat-x #011D85;
}

#pre-header{
	display:none;
}

#header{
position:relative;
height: 208px;
border-top: 1px solid #000;
padding-top:23px;
margin:0 auto 6px;
width:760px;
background-color: #3456C4;
}

	#logo-print{
		display:none;
	}

#nav{
position:relative;
height: 28px;
margin:0 auto 6px;
width:760px;
background:url('../images/nav_bg.jpg') top left no-repeat transparent;
}

#content{
width:760px;
margin: 0 auto 7px;
background: #ffffff;
}

#content-header{

}

#content-footer{
	clear:both;
	height:40px
}

#main2 {
	padding: 12px 20px 15px 20px;
}

#footer {
	clear:both;
	width:760px;
	margin: 0 auto 7px;
	height:24px;
	background-color: #5A76CA;
}

#footer #footer-print{
display:none;
}

#footer-out {
width:760px;
height:40px;
margin: 0 auto;
color:#cccccc;
text-align:center;
font-size:10px;
}
#footer-out a{color:#DE8300}

/*PRE-HEADER-------------------------------------------------*/

#pre-header h1{
width:450px;
	line-height:2em;
	color:#333;
	font-size:0.8em;

}

#pre-header h1 a{
	color:#DE8300;
	font-weight:bold;

}

/*HEADER-------------------------------------------------*/

#logo a{
display:block;
position:absolute;
top:0;
left:0px;
height:80px;
width:225px;
background:url('../images/logo2.gif') top left no-repeat transparent;
text-indent:-9999px;
}

/*NAV-------------------------------------------------*/

/* menu styles
-------------------------------------- */

#menu {
	width: 760px;
	margin:0 auto;
	list-style: none;
	padding: 0;
}

#menu li {
	margin: 0; padding: 0;
	float: left;
	position:relative;
}

#menu li a{
	display: block;
   	font-size: 11px;
	font-weight: normal;
	padding: 6px 24px 9px 24px;
	background-color: transparent;/*#275B83*/
	border-right:4px solid #B9CBFF;
	color: #fff;
	text-decoration: none;
	/*background: url(/img/menu_bar.gif) right center no-repeat;			*/
}

#menu li a:hover {
	background-color: #000D6B;
	color:#fff;
}

#menu li a.ajuste1{
	padding: 6px 22px 9px 22px; /*padding laterales más estrechos para dejar sitio a nav-lang*/
}

/* menu drop down styles (suckferfish)
-----------------------------------------------*/
#menu li ul {
	position: absolute;
	left: -999em;
	list-style: none;
	margin: 0;
	width:162px;
}

#menu li ul li{
	margin-top:0;
	width:162px;

}

#menu li ul a {
	text-align: left;
	background: #8D8D8D url(../images/menu_bg_bottom.gif) repeat-x;
	color: #fff;
	width: 162px;
	border:none;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 114px;
} html>#menu li ul a {width: 114px;}

/* ensure first li has no bg */
#menu li.start a {
	text-align: left;
	background: #8D8D8D;
}

/* rounded bottom of menu */

#menu li.end a {
	text-align: left;
	height: 14px;
	background: transparent url(../images/menu_bg_footer.gif) no-repeat left bottom;
}

#menu li.end a:hover {
	text-align: left;
	background: url(../images/menu_bg_footer_hover.gif) repeat-x bottom;
}
#menu li ul a:hover {
	margin: 0;
	background: #000D6B;
	color: #fff;
}

#menu li:hover ul {
	margin: 0;
	left: auto;
}

#menu li:hover ul, #menu li.sfhover ul {
	margin: 0;
	left: auto;
}

/*MAIN-------------------------------------------------*/

/*comunes*/
#main h1 {
font-size:1.5em;
color: #2D8DB3;/*397EAE*/
margin-bottom:1em;
}

#main p {
margin-bottom:1em;
}

/*fincomunes*/

#home #main div.inm1,
#list #main div.inm1{
	float:left;
	margin-right:14px;
	margin-bottom: 1em;
	background-color: #F0F8FC;
	border: 1px solid #F0F8FC;
	width: 168px;
	}

#home #main div.inm1{
	min-height:230px;
	}

#list #main div.inm1{
	min-height:216px;
	}


#home #main div.inm1:hover,
#list #main div.inm1:hover{
	background-color: #fff;
	}

#home #main div.inm2,
#list #main div.inm2{
	padding:9px;
}

#home #main div.last,
#list #main div.last{
	margin-right:0px;
}

#home #main div.inmimg,
#list #main div.inmimg{
	margin-bottom:0.5em;
}

#home #main div.inmtxt a,
#list #main div.inmtxt a{
	display:block;
	color: #DE8300;
	text-decoration: none;
	font-weight:bold;
}

#home #main div.inmtxt a span,
#list #main div.inmtxt a span{
	color:#333;
	font-weight:normal;
}

#list #main div.inmtxt em{
	float:right;
	display:block;
	color:#c00;
	font-weight:bold;
}

/*main-listas-----------------------------------------------*/

#main ul{
	list-style:none;
}

#main ul li{
	margin-left:15px;
	padding-left:20px;
	text-align:justify;
	margin-bottom:1em;
	background: url(../images/bullet_red.gif) no-repeat;
}

#main ol{
margin-bottom:1em;
}

#main ol li{
	margin-left:20px;
	padding-left:0;
	text-align:justify;
	margin-bottom:1em;
}

#main ol li ul{
	margin-top:1em;
}

#main ol li ul li{
	padding-left:20px;
}

/*main-tablas-----------------------------------------------*/

table.peq th, table.peq td{font-size:0.8em;padding:0.1em 0.5em;}

/*LIST
--------------------------------------------------------*/

#list #main h1 em{
	float:right;
}

/*ITEM
-----------------------------------------------------------*/

#item #main h1 em{
display:inline;
float:right;
}

#item #main h1 em a{
}

#item #main #detalle{
	background-color: #F0F8FC;
	border: 1px solid #F0F8FC;
}

#item #main #bloque_item {
	margin-bottom:1em;
}

#item #main #bloque_item h2 {
	padding:5px 10px;
	font-size:140%;
	font-weight:bold;
	color: #DE8300;
}

#item #main #bloque_item h2 em {
	float:right;
	font-weight:bold;
	color: #c00;
}

#item #main #bloque_item h3 {
	padding:0 10px;
	line-height:1.2em;
	color: #2A6791;
}

#item #main #bloque_item h3 em {
	float:right;
}

#item #main #bloque_item p{
	margin-top:1em;
	margin-bottom:0;
	padding:0 10px;
}

/*tabla datos*****************************************/
#item #datos_container{
	padding: 1em 10px 1em;
}

#item table, #item td{
	border:none;
}

#item table#tb-datos td{
	padding:2px 2px;
}

/*formmasinfo-------------------------------------------------*/

#formmasinfo {
	border-top: 1px solid #fff;
	padding: 10px;
}

#contacto #formmasinfo {
	padding: 0;
	border-top:none;
}

#formmasinfo h4{
font-weight:bold;
}

#formmasinfo form {
	margin: 1em 0 0;
}

#formmasinfo #form_a{
	float:left;
	width:250px;
}

#formmasinfo #form_b{
	float:left;
	width:250px;
}

#formmasinfo label {
	display:block;
	margin-bottom:0.2em;
}

#formmasinfo input{
	width:180px;
	padding:0.2em;
	margin-bottom:0.2em;
	margin-left:0;
	border:1px solid #7C7C7C;
	color:#666;
}

#formmasinfo textarea {
	width:220px;
	border:1px solid #7C7C7C;
	padding:0.2em;
	color:#666;

}

#formmasinfo input:focus, #formmasinfo textarea:focus {
	border: 1px solid #000;
	color: #000;
}

#formmasinfo #form_b p+p {
	padding-top:20px;
}

/*main empresa, servicios-------------------------------------------------*/

#empresa #main h2,
#servicios #main h2{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em;
	color:#0F3BAF;/*E26F02*/
}

#empresa #main h3,
#servicios #main h3{
	font-weight:bold;
	font-size:1em;
	margin-bottom:1em;
	color:#2F468B;
}

#empresa #main p, #empresa #main li,
#servicios #main p,#servicios #main li{
	text-align: justify;
	color:#2F468B;
}

/*FOOTER-------------------------------------------------*/

#footer p {
	text-align:center;
	font-size:10px;
	color: #D5EAF3;
	border-left:180px solid #0537B0;
	line-height:24px;
}

#footer p a {
	font-weight: normal;
	color:#fff;
}

/*FOOTER OUT-------------------------------------------------*/

#footer-out {
text-align:center;
padding-top:5px;
margin-left:180px;
font-size:10px;
color: #909090;
}

#footer-out a {
	font-size:10px;
	color: #999;
	text-decoration:none;
	font-weight:normal;
}

#footer-out a:hover {
	color:#fff;
}

/* MIOS SWPHP */

#controlesbox{float:right;margin-top:0;font-size:90%}