/* CSS Document */

* { margin:0px; padding:0px; border:0px; }

html, body{
	height:100%;
}	

.clear{clear:both;}



/* FORMATEADORES DE PAGINA */


#screenLayout {
	margin: 0 auto; 
    width:970px;
}

#contenedor{	
	position: relative;
	width: 970px;
	margin:0 auto;
    text-align:left;
}



/* PARTE SUPERIOR DEL WEB */


#header{  
  position:relative;
  width:975px;
  height:156px;
}



#accesoslobocom{
	position:absolute;
	top:0px;
	right:20px;
}


#accesoslobocom a{
    display:block;
    float: left;
	margin-left:20px;
}


#menu{

}


#nav {
	position:absolute;	
    top:88px;
	left:35px;
	height:45px;
	text-align:left;
	width:100%;	
}

#nav li { 
	display: inline;
}




#buscador{
	position:absolute;
	right:30px;
	top:102px;
}

#idiomas{
    position:absolute;
	top:0px;
	right:0px;
}

/* CUERPO CENTRAL DEL WEB */

#pagebody{
	padding-left:20px
}


#sidebar {
  float:left;
  width:235px;
  padding:5px 0 0 15px;
 }
 
 


#contenido {
  width:650px;
  float:left;
  padding-right:20px;
  border-right:#dddddd 1px solid;
}




.celdauno{
	float:left;
}

.celdados{
	float:right;
}


/* PIE DE PAGINA */


#piebloque{
  position:relative;
  width:970px;
  height:60px;  
}

#lineaspie{
  border-top:#dddddd 1px solid;
  border-bottom:#dddddd 1px solid;
}

#menupie {
 margin-top:10px;
 float:right;	
}


#menupie ul {
	float:left;
	margin:0px;
	padding:0px;
	margin-left:5px;
}

#menupie li {
	float:left;
	margin-left:15px;
}

#copyr{
	margin-top:10px;
	margin-left:40px;
	font-size:0.8em;
}

#firmalobocom{
	width:100%;
    margin:0 auto;
	text-align:center;
}


body {
  font-family:"trebuchet ms", "helvetica neue", helvetica, arial, sans-serif;
  font-size:0.95em;
  line-height:1.4em;
  text-align:center;
  color:#333333;
}


/* -- ELEMENTO BÁSICOS DE HTML -- */


/* Relacionado con los encabezados */

h1, h2, h3, h4, h5{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  color: #993333;
  /*font-family: "myriad pro", "bitstream vera sans", "trebuchet ms", "helvetica neue", helvetica, arial, sans-serif;*/

}

h1{ 
    font-size:1.9em;
}


h2{ 	
	font-size:1.8em; 
	border-bottom:#dddddd 1px solid;
	padding-bottom:10px;
	margin-bottom:10px;
}


h3{ 
	font-size:1.5em; 
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}


h4{ 
    font-size:1.2em; 
	margin-bottom:5px;
}


h5{ 
    font-size:1.0em; 
}


h2 a , h3 a, h4 a, h5 a { color: #993333; text-decoration:none;}

h3 a:hover { color: #1871cb; }




/* Relacionado con los links */



a{
  color:#1871cb;
}

a:hover{
  color:#000;
}


/* Relacionado con las tablas */

table{
	border-collapse:collapse;
	border:0px;
	font-size:0.8em;
}

table th{
	background-color:#CCCCCC;
	color:#000;
	padding:2px;
}




/* Relacionado con los formularios */

form { 	 font:100% verdana,arial,sans-serif; }

input, textarea, select{
	font-family:Tahoma;
	font-size:15px;
	color:#000000;
	border:#666666 1px solid;	
}
input, select, textarea { vertical-align:middle; font-weight:normal;}



/* Relacionado con las listas */


ul {list-style:none; }


img {border: 0; padding: 0;}

hr { 
	display: none;
}


pre{
	font-size:0.9em;
	background-color:#CCCCCC;
	color:#000000;
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	border:#666666 1px dashed;
}




body {
  background:#fff url(../img/bg.jpg) top center no-repeat;
}



/* elementos comunes */

.lineasep, .lineasepmargen{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
}


.lineasep{
	background:transparent url(../img/hr.png) top center no-repeat;
	height:30px;
	margin-top:10px;
	margin-bottom:20px;
}


.lineasepmargen{
	height:30px;
}


.tipo1 { float:right;     margin: 2px 0px 0px 10px; }
.tipo2 { float:left;      margin: 2px 10px 0px 0px; }
.tipo3 { margin: 0 auto;  margin: 2px 10px 0px 10px; text-align:center;}




.blue{
	color:#005da8;
}

.red{
	color:#db000a;
}

.green{
	color:#79a612;
}

.justi{
	text-align:justify;
}

/* botones  */

a.botonlcms, input.botonlcms {
    display:inline;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	padding:2px 7px 2px 7px;
	background-color:#006699;
	color:#fff;
	border-bottom:#009999 1px solid;
	border-right:#009999 1px solid;
	border-top:#006666 1px solid;
	border-left:#006666 1px solid;
}

a.botonlcms{
	display:block;
	float:left;
	width:auto;
	margin:5px 30px 10px 0px;		
	text-decoration:none;
}

a.botonlcms:hover, input.botonlcms:hover {
	background-color:#000033;
} 





/* CABECERA */


#header h1 {
  text-indent: -10000px;
}


#header span {
  display:block;
  color:#aac865;
  text-indent: -10000px;
}


#nav li{
    height:45px;	
}

#nav li.last {
	background:none;
} 

#nav  li a {
    height:45px;	
    padding:13px 5px 13px 5px;	
	margin-right:20px;
	margin-left:10px;
	line-height:3.3em;
	color:#fff;
	text-decoration:none;
}  



#nav  li.first a {
    margin-left:0px;
}

#nav li.last a{
	margin-right:0px;
}

#nav  li a:hover, #nav li.slctd a{
	background-color:#3675b2;
	background-image:url(../img/bg_menu_on.gif);
	background-repeat:repeat-x;
}


/* FIN DE CABECERA */








/* CONTENIDO */

/* Banner home */

p.tit1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:48px;
	color:#000000;
	line-height:normal;
}

p.tit1 strong{
	font-size:72px;
	font-weight:normal;
}

p.tit2{
	font-size:36px;
    color: #993333;
	line-height:normal;
}


p.detalle{
	font-size:12px;
	line-height:normal;
	text-align:justify;
	margin-top:9px;
}


/* Fin Banner home */




#contenido span.subtitulo{
	display:block;
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	margin-bottom:10px;
}


#contenido p{
    margin-bottom:15px;
	text-align:justify;
    line-height:1.4em;
}



#contenido ul, #contenido ol{
	margin-left:60px;
	margin-bottom:10px;
}

#contenido ul li, #contenido ol li{
	font-size:95%;
	margin-bottom:5px;
}

#contenido ul li{
	list-style-image:url(../img/li.gif);
}

/* FIN DE CONTENIDO */



/* SIDEBAR */

#sidebar h4{
	margin-left:10px;
}

#sidebar p{
	margin-left:10px;
	font-size:0.9em;
}




#sidebar ul{
  margin:5px 0px 5px 15px;
  line-height:normal;
}


#sidebar li{
   background:url(../img/point_blue.gif) 3px 3px no-repeat;
   padding: 3px 0 3px 20px;
   border-top:#ddd 1px dashed;
}

#sidebar li.last {
  border-bottom:none;
}

#sidebar li a{
  font-size: 0.9em;
  line-height:1.2em;
  padding-top:4px;
  padding-bottom:4px;
  color:#000;
  display: block;
  width: auto;
  text-decoration: none;
}

#sidebar li a:hover, #sidebar li a.slctd{
	background-color:#ddd;
}


#sidebar  ul ul{
	margin:0px;
}

#sidebar  li li { 
  border-bottom:#ddd 1px dashed;
}

#sidebar  li li a{ 
  padding-left:5px;
}


#sidebar li li li a{
  padding-left:40px;
  color:#FF9900;
}





input.inputbuscador{
    width:150px;
	margin-left:10px;
}





div.navegacion li{
    border-bottom:#ddd 1px solid;
}





div.menulite {
 font-size:0.8em;
}

div.menulite li{
  padding: 0 0 0px 20px;
  margin:0px;
}

div.menulite li a{
  padding:0px;
  margin:0px;
  line-height:normal;
}




#piebloque{
  background:url(../img/lobo_pie.gif) 0px 5px no-repeat;
}





#piebloque a, #accesoslobocom a{
	color:#565656;
	font-size:0.8em;
	text-decoration:none;
}


#piebloque a:hover{
	color:#408ad1;
}

#accesoslobocom a:hover{
	color:#000;
}



#accesoslobocom a.webmail{
    padding-left:20px;
	background:url(../img/email.gif) 0 3px no-repeat;
}

#accesoslobocom a.micuenta{
    padding-left:20px;
	background:url(../img/user.gif) 0 3px no-repeat;
}

#accesoslobocom a.comdominio{
    padding-left:20px;
	background:url(../img/world.gif) 0 3px no-repeat;
}

#accesoslobocom a.telefono{
    padding-left:20px;
	background:url(../img/telefono.gif) 0 3px no-repeat;
}




#lineaspie{
  border-top:#dddddd 1px solid;
  border-bottom:#dddddd 1px solid;
}





