/*CSS SKEL*/

body {
	font-size:11px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 1px;
	font-size:12px;
	line-height:normal;
	
	color:gray;
	
  	
  }

#container {
   width: 741px;
    background-color:#FFFFFF;
    margin-top: 1px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: 1px solid #000000;
   
  }
  
div#headerhome {
    padding: 15px 420px 0px 15px;
    margin: 0px;
    text-align: left;
	 height: 179px;
	 background-repeat: no-repeat;
	 background-image: url(../images/portada/header.jpg);
	 color: #FFF;

}

div#headerhome h1{color:white;}

div#headersection {
    padding: 0 15px 0 14px;
    margin: 0px;
    text-align: left;
	 height: 114px;
	 background-repeat: repeat-x;
	 background-image: url(../images/headbgsection.jpg);
	 color: #FFF;

}

div#headersection h1{color:white;}

div#headersection h2{
	font-size:16px;
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande";
	color: #00D8DB;
}


#navlist
{
margin: 0;
padding: 5px 0 20px 10px;
border-bottom: 1px solid #000;
background-color: #495182;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0 0 0 0;
display: inline;
list-style-type: none;
font-size:12px;
   font-family: Lucida Sans Unicode, Verdana,Geneva, Arial, Helvetica, sans-serif;
	
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 2px 40px;
text-decoration: none;
color: #FFF;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 2px solid #FFF;
padding-bottom: 1px;
background: transparent;
color: #DEA877;
}

#navlist .last{
float:right;
margin-right: 12px;
}

#navlist a:hover { color: #DEA877; }



div#nav {
    width: 72%;
    padding: 0;
    margin: 0px;
    /*border: thin solid #000000;*/
	 float: left;
	 color:#303030;

}

.paddingdata{
padding: 10px;
margin: 5px;	
}
.promo1 {
	margin: 2px;
	padding: 5px;
	float: left;
	width: 150px;	
}

.promo1 img{
	margin: 2px;
}

div#main {
    margin-left: 530px;
	 margin-right: 4px;
    margin-top: 0px;
    padding: 10px;
	/*border: thin solid #000000;*/

}

div#footer {
    padding: 5px;
    margin: 0px;
   /* border-top: thin solid #000000;*/
	 clear: both;

}

p{
	line-height: 22px;
	
}

h1, h2{
	font-size:20px;
   font-family: Trebuchet MS, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 0 0 0;
	margin: 0 0 15px 0;
	color:#AA672A;
}

h3{
	font-size:14px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 8px 0 1px 0;
	margin: 0 0 7px 0;
   border-bottom: 1px solid #000000;
	color: #333399;
}



img{
	border: none;
}

a{
	color: #AA672A;
	text-decoration: none;
}

ul{
	margin: 0;
	padding: 0 0 0 12px;
}

li{
	margin-bottom: 10px;
	list-style: none;
	line-height: 20px;
}


.customerlink{
	background-color: #495182;
color: #DEA877;
}

.intro{
	line-height: 18px;
	font-size:12px;
}

.homelabel{
	width: 162px;
	float: left;
	padding: 2px;
}

.homelabel p{
	font-size:11px;
}

.homelabel img{
	margin-left: 1px;
}


.inlinelist ul{
	
}

.inlinelist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

.textcenter{
	text-align: center;
}

.fondobox{
	background-image: url(../images/secciones/fondobox.jpg);
	background-repeat: no-repeat;
	width: 180px;
	text-align: center;
	padding-top: 6px ;	
}

.fondobox #title{
	color: #FFF;
	font-size: 12px;
	font-weight: bold ;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.fondobox #content{
	text-align: left;
	padding: 6px 1px 0 6px;
}

#tour ul{
	

}

#tour li{
	float: left;	
	background-image: url(../images/secciones/labelbox2.jpg);
	background-repeat: no-repeat;
	padding-top: 3px;
margin: 2px;
	width: 153px;
	height: 37px;
	text-align: center;
	font-size:23px;
   font-family: Lucida Sans Unicode, Verdana,Geneva, Arial, Helvetica, sans-serif;
	list-style-type: none;
	color: #495182;
}


.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.elemError{
	background-color: #F8EEE4;	
}
.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}




#nextprevlist ul{
list-style:none;
display: block;
text-align: center;
margin: 0;
}

#nextprevlist li{
display: inline;
width: 50%;
float: left;
}

li#prev {
text-align: left;
}

li#next {
text-align: right;
}


.columlist ul {
    width: 100%;
    list-style-type:none;
	
}
.columlist li {
    width:160px;
    margin:15px 0 0 0;
    padding:0 10px 0 0;
    line-height:15px;
    float:left;
	 text-align: left;
}

.listLink{
	margin: 0;
	padding: 0px 0 0px 22px;
}
.listLink li{
	padding: 0px 0 0px 1px;
	margin: 3px;
	line-height:18px;
	font-size: 12px;
	
	list-style-position: inside;
	list-style-image: url(/images/icons/doc.gif);
}




