html {

}
body {
	margin:0px;
	background-image:url(../img/bg_gral.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	padding:0px;
}


a {
text-decoration:none;
}

a:active, a:visited, img, a:focus {
  outline: none;
}


h4{
	color:#312A79;
	font-weight:bold;
	font-size: 13px;
}

h1{
color:#333333;
font-size:17px;
border-bottom: 1px dotted #333333;
font-weight:bold;
padding:0 0 3px;
margin:10px 0  10px 0;
}

img {
border:none;
}

.sep{
clear:both;
}
.le{
float:left;
}
.ri{
float:right;
}

#cont{
width:970px;
margin:0 auto;
padding:0px;
position:relative;

}


#logo{
	float:left;
	margin: 0 0 67px 0;
	width:216px;
	display:block;
	position:relative;
}

 #banner {
display:block;

 background-color:#666666;
	
	margin: 0px 0 0 216px; 
	height: 276px; 

	
}
 #banner #columnas {
 margin:0px;
 padding:0px;
	 width: 756px; 
	 height: 276px; 
	 overflow: hidden;
}
 #banner #columnas div {
	float: left;
	padding: 0px;  
	margin: 0px;
}
 #banner dl {
	padding: 0px;  
	margin: 0px;   
	height:276px; 

	overflow: hidden; 
}
 #banner img {
	padding: 0px;  
	margin: 0px;   
	height:276px; 
	overflow: hidden; 

}

#cont_sec{
	background-image:url(../img/bg_cont.gif);
	background-position:center;


	display:block;
	margin: -82px 0 0 0;
}

#cont_sec #co{
width:970px;
margin:0 auto;
padding:0px;

}
#men_bg{
margin:-85px -3px 0 0px;
padding:0px;
width:758px;
float:right;
height:164px;
background-color:#000000;
position:relative;
z-index:800;
filter:alpha(opacity=60);
opacity:0.6;

}
#submen_bg{
margin:-160px -3px 0 0px;
padding:0px;
width:483px;
float:right;
height:37px;
background-color:#000000;
position:relative;
z-index:800;
filter:alpha(opacity=60);
opacity:0.6;

}

#men{
float:right;
margin:-146px -3px 0 0px;
padding:0 0 0 0px;
width:758px;
position:relative;
z-index:900;
background-color:#1B1B1B;

}

#submen{
float:right;
margin:-160px -3px 0 0px;
padding:0 0 0 20px;
width:483px;
position:relative;
z-index:900;


}
#men a{
color:#CCCCCC;
font-size:12px;
font-weight:bold;
display:block;
float:left;
padding:25px 26px 25px 26px;

} 
#submen a{
color:#CCCCCC;
font-size:11px;
font-weight:bold;
display:block;
float:left;
padding:11px 23px;

} 

#men a:hover , #men #cur{
background-color:#333333;
color:#f1f1f1;
}
#submen a:hover,#submen #cur{
background-color:#333333;
color:#f1f1f1;
}


.tit{
color:#f1f1f1;
font-size:23px;
background-color:#312A79;
display:block;
float:left;
position:relative;
z-index:900;
width:350px;
text-align:right;
padding:10px 10px 10px 0;
margin: -25px 0 0 0;
position:relative;
z-index:900;
}

#sec{
	font-size:13px;
	color:#333333;
	float:right;
	width:736px;
	margin: -22px -2px 0 0;
	position:relative;
	z-index:100;
	background-color:#F1F1F1;
	padding: 30px 0px 30px 20px;
}

#sec .le{ 
width:335px;
}
#sec .ri{ 
width:335px;
}

.dest{
background-color:#CCCCCC;
display:block;
margin: 0 0 10px 0;
padding:5px;
height:82px;
}
.dest img{
float:left;
margin:0 15px 0 0;
}

.dest h4{
margin:0 0 3px 0;
}
.dest h5{
font-style:italic;
font-size:11px;
font-weight:normal;
display:inline;

}
.dest p{ 
margin: 0;
font-size:11px;
}

.ver{
color:#312A79;
font-size:11px;
background-image:url(../img/bg_ver2.jpg);
background-repeat:no-repeat;
height:10px;
padding: 0 0 0  20px;
}

.ver:hover{
color:#333333;
background-position:bottom left;
}

/*Footer////////////////////////////*/
#cont_footer{
background-color:#686868;
padding:20px 0;
}
#cont_cred{
background-color:#686868;
padding:20px 0;
}
#cont_mar{
background-color:#323232;

}
#footer{
font-size:10px;
width:970px;
font-weight:bold;
margin: 0 auto;
}

#marcas{
width:970px;
text-align:center;
margin: 0 auto;
}
#cred{
width:970px;
margin: 0 auto;
font-size:11px;
color:#cccccc;
}
#cred .le{
margin: 0 0 0 20px;
}

#footer .ri{
width:200px;
text-align:right;
color:#CCCCCC;}

#footer ul{
padding:0 0 0 20px;
display:block;
float:left;
list-style:none;
width:170px;
margin:0 0px 0 0;}
#footer a{ 
color:#CCCCCC;
font-weight:bold;
}
#footer a:hover{ 
color:#FFFFFF;
}
#cred a{ 
color:#CCCCCC;

}
#cred a:hover{ 
color:#FFFFFF;
}




/*Productos////////////////////////////*/

.it_prod{
border-bottom:1px dotted #333333;
}

.it_prod_l{
border-bottom:none;
}

.it_prod_l ul, .it_prod ul{
list-style-type:none;
padding:0px;
margin: 5px 0 5px 0;
}

.it_prod a, .it_prod_l a  {

display:block;
padding: 5px 0 10px 0;
color:#312A79;
}

.it_prod a:hover, .it_prod_l a:hover  {

color:#999999;
}

.bul_r{
list-style-image:url(../img/bul_b.gif);
padding:0 0 0 15px;
}


.app h2{
color:#333333;
font-size:13px;
font-weight:normal;
background-image:url(../img/bul_b_col.gif);
background-repeat:no-repeat;
padding:0 0 0 15px;
margin: 5px;

}
.app {background-color:#CCCCCC;
padding:5px;
margin: 0 0 10px 0;

}

/*Proyectos/////////////////////////////*/

.pro {
margin: 10px 0 30px 0;
height:300px;
}
.pro img{
background-color:#CCCCCC;
padding:5px 5px 20px 5px;
width:325px; 
height:215px;
} 
.pro h1{
color:#312A79;
font-size:13px;
font-weight:bold;
border:none;
padding:0px;
margin: 10px 0 5px 0;
}
.pro h2{
color:#333333;
font-size:11px;
font-weight:normal;
font-style:italic;
margin: 0 0 3px  0px;
}
.pro p{
font-size:11px;
margin: 5px 0 ;
}

/*Empresa//////////////*/
.cop{
	color:#333333;
	background-color:#CCCCCC;
	font-weight:bold;
	padding:10px;
	margin: 10px 0 0 0;
}

/*FAQ////////////////*/
.faq, .faq_l{
border-bottom:1px dotted #333333;
pading: 0 0 10px 0;
margin: 0 0 20px 0;
}

.faq_l{border:none;}
.faq h3, .faq_l h3{
font-size:12px;
}

.faq ul, .faq_l ul{
padding: 0 0 0 15px;
}

/*Contacto////////////*/
#contacto td{
padding: 3px 0;
}
#contacto .leg{
font-size:11px;
}

#contacto a{
color:#312A79;
}
#contacto a:hover{
color:#999999;
}

#contacto input{
font-size:13px;
width:180px;
background-color:#CCCCCC;
border:none;
}

#contacto #tipo{
font-size:13px;
width:180px;
background-color:#CCCCCC;
border:none;
}

#contacto #consulta{
width:330px;
background-color:#CCCCCC;
border:none;
}


input, textarea{
overflow:visible;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#contacto #submit{
width:99px
}

#contacto .alert {
background-color:#312A79;
color:#FFFFFF;
}

#gra{
display:none;
}