@charset "utf-8";

* {
padding:0px;
margin:0px;
}
html {
/*background: url(../images/bkg.gif) repeat 0px 0px;*/
background-color:#000000;
}
body {
background:#000000;

}

p {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

frm {
width:100%;
height:100%;
}

ul {
list-style-type:none;
}

div#wraper {
width:900px;
margin:0px auto;
}

div#header {
width:900px;
height:385px;
margin:0px auto;
margin-top:10px;
}

div#branding {
width:810px;
height:195px;
margin:0px auto;
background:#000000;
margin-top:0px;
}

div#content{
width:900px;
margin:0px auto;
margin-top:5px;
border-top:5px solid #FF6600;
background:#ffffff;
padding-bottom:50px;
}
div#index {
width:100%;
/*background:#999966;*/
}

div#headCatalogo {
height:40px;
border-bottom:2px solid #A7BACF;
width:900px;

}


div#indexSub {
/*background:#006666;*/
width:700px;
margin:60px 0px 40px 80px;
padding-bottom:50px;
}

div#indexSub  p{
text-align:justify;
}

div#catalogo{
background:#00FF33; 
}

div#contentCatalogo {
width:650px;
height:100%;
/*background:#CC66FF;*/
float:left;
padding-top:5px;
margin:0px auto;
/*background:#009933;*/
}

div#leftMenu {
/*background:#999900;*/
height:100%;
width:250px;
float:left;
padding-top:25px;

}

div#leftMenu ul#principal{
margin-left:20px;

} 


div#leftMenu ul#principal li {
/*background:#00CC33;*/
}

div#leftMenu ul#principal h5 {
background:#333333;
padding:5px 10px;
width:180px;
color:#FFFFFF;
font-size:18px;
}

div#leftMenu ul#secundario li {
/*background:#996633;*/
}
div#leftMenu ul#secundario li a{
display:block;
width:180px;
padding:3px 10px;
background:#CCCCCC;
border-bottom:1px dotted  #000000;
color:#000000;
text-decoration:none;
font-size:14px;
}

div#leftMenu ul#secundario li a:hover{
background:#999999;
color:#ffffff;
}



div#contentCatalogo a#desc {
color:#FF0000;
display:block;
width:180px;
height:50px;
padding-left:60px;
background:url(../images/pdf.gif) no-repeat 0px 0px;
float:left;
margin-left:70px;
margin-bottom:50px;

}

div#contentCatalogo a#contactanos {
color:#FF0000;
display:block;
width:180px;
height:50px;
padding-left:60px;
background: url(../images/mail.gif) no-repeat 0px 0px;
float:left;
}


div#contentCatalogo h5{
font-size:18px;
color:#000000;
float:left;
display:block;
margin:10px 0px;
margin-left:50px;
}
div#contentCatalogo p{
width:500px;
font-size:12px;
color:#333333;
padding:25px;
margin:0px auto;
/*background:#CC33CC;*/

}
div#links {
float:left;
width:250px;
height:100px;
margin-left:15px;

}



div#contentCatalogo img{
margin:0px auto;
margin-left:100px;
}

div#holderCat {
width:600px;
}





div#indexSub ul{
list-style-type:none;
float:left;
}

div#indexSub ul li{
color:#666666;
background:#999933;
border-bottom:1px solid #FFFFFF;
background:url(../images/Arrow_03.gif) 0px 5px no-repeat;
padding-left:20px;
font-size:19px;

}

div#indexSub h2{
float:left;
display:block;
width:450px;
color:#6280ad;
font-size:18px;
margin:0px 0px 10px 0px;

}

div#indexSub img {
display:block;
width:213px;
height:141px;
border:5px solid #FFFFFF;
float:left;
margin-right:15px;
}

div#map {
background:#000000;
width:700px;
height:600px;
margin:20px auto;

}





div#footer{
border-top:5px solid #FF6600;
width:900px;
height:65px;
margin:0px auto;
background: url(../images/footer.jpg) no-repeat 0px 0px;
margin-top:15px;
margin-bottom:15px;
}

div#footer p#uno{
float:left;
font-size:12px;
margin-left:10px;
margin-top:8px;
font-weight:300;
color:#FFFFFF;
width:650px;
}

div#footer p#direccion{
float:left;
font-size:12px;
margin-left:10px;
margin-top:8px;
font-weight:300;
color:#FFFFFF;
width:200px;
text-align:right;

}

div#index form#forma{
width:600px;
margin:20px auto;
}
div#index label {
width:100%;
padding-bottom:10px;

}
div#index span {
width:40%;
text-align:right;
padding-right:10px;
color:#ffffff;
font-weight:bold;
}
div#index form#forma textarea{
width:200px;
height:150px;
}
div#index form#forma input{
width:200px;
}

.error{
background:#eff7c7;
}

div#index span,div#index label{
float:left;
}


form legend {
font-weight:bold;
color:#6280ad;

}

div#creditos {
margin:10px auto;
width:900px;
text-align:right;
}

div#creditos a {
color:#0066CC;
text-decoration:none;
font-weight:bold;
}


/******************      Estilo de la forma      **************************/

#form_box {
	width: 600px;
	background:#272727;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	font:0.8em Arial, Helvetica, Sans-serif;
	/*padding: 0.5em;*/
	/*margin-top: 10px;
	margin-bottom: 2px;*/
	padding:20px 0px;
	margin:20px auto;
}
 
#form_box div {
	/*padding: 5px 10px;*/
}
 
#form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0px;
	margin-bottom: 7px;
}
 
#form_box p {
	float: left;
	margin: 2px 0pt;
	width: 120px;
}
 
 
#log {
	width:600px;
		margin:0px auto;
}
 
#log_res {
	overflow: auto;
	margin:0px auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	/*background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;*/
	background:url(../images/ajax-loader.gif) no-repeat center;
}

.errorContact {
color:#FF0000;
}

div#contentServicios {
width:650px;
height:100%;
/*background:#CC66FF;*/
float:left;
padding-top:5px;
margin:0px auto;

/*background:#009933;*/
}

div#contentServicios h4 {
margin:25px 0px;
}

div#contentServicios ul {

}

div#contentServicios ul li{
color:#666666;
width:400px;
margin:5px 0px;
padding-left:15px;
background:url(../images/Arrow_03.gif) no-repeat 0px 5px;
}

div#contentServicios ul li a{
color:#990000;
display:inline;
}






.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */