/*reset*/

*{margin:  0; padding: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

h1{font-size: 18px;}
h2{font-size: 20px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

li{list-style: none;}

a{ text-decoration: none;}

a:hover{text-decoration: none;}

/* ESTILOS GENERALES*/

body{
background:url(../img/fondoweb.jpg) repeat-x;
}

/*CLASES GENERALES*/

div.interior{
width:961px;
margin:0 auto;
}
div.clearfix{
width: 1px;
height: 1px;
display: block;
clear: both;
content:".";
}

/*ESTILOS GENERALES*/

div#encabezado{
background:#87aede;
height:249px;
}
div#img1{
float:right;
width:961px;
height:249px;
margin:0 auto  ;
background:url(../img/banner.jpg)
}

/*NAVEGACION*/

div#navegacion{
background:url(../img/nave.jpg);
height:33px;
_height:-20px;
padding:10px 0 0 0;
_padding:10px 0 -5px 0;
}
ul#menu_principal{
margin-right:20px;
float:right;
}
ul#menu_principal li{
line-height:22px;
float:left;
padding-left:15px;
}
ul#menu_principal a{
font-size: 18px;
font-family: arial;
}
ul#menu_principal a:link{
color:#fff;
padding:0 10px 25px 10px ;
_padding:50px 10px 100px 10px; 
}
ul#menu_principal a:visited{
padding:0 10px 25px 10px;
_padding:50px 10px 100px 10px; 
color:#fff
}
ul#menu_principal a:hover{
color:#d50101;
padding:11px 10px 10px 10px;
_padding:50px 10px 100px 10px; 
}
ul#menu_principal a:active{
color:#fff; 
padding:0 10px 25px 10px; 
_padding:50px 10px 100px 10px;   
}

/*CONTENIDO*/

/*PRINCIPAL*/

div#principal{
float:left;
width:278px;
background:#dbe7f5;
padding:10px;
_padding:5px;
}
div#contenido .interior{
background:#dbe7f5;
}
div#principal h1{
font-family:arial;
color:#104289;
font-size:20px;
width:290px;
_width:200px;
margin:0 0 0 30px;
_margin:0 0 0 20;
padding:10px;
}
h1{
font-family:arial;
color:#104289;
font-size:20px;
width:290px;
_width:200px;
}
div#principal h2{
font-size:22px;
font-weight:normal;
font-style:italic;
font-family:tahoma;
padding:10px 0 0 10px;
height:40px;
color:#0e4088;
background:url(../img/img5.jpg)
}
div#principal a{
font-family:arial;
color:#666;
font-size:14px;
padding-left:2px;
}
div#principal img{
padding-left:20px;
}
div#campo1{

}
div#campo2{
height:310px;
}
div#img4{
background:url(../img/img3.jpg);
width:640px;
height:310px;
}
div#campo3{
height:50px;
}
div#campo4{
height:100px;
}
div#campo5{
height:130px;
}
div#campo6{    
height:70px;
}
div#campo7{    
height:190px;
width:209px;
margin:0 auto;
}
div#campo10 ul{    
margin:10px;
font-family:arial;
line-height:20px;
font-size:14px;
}
/*SECUNDARIO*/

div#titulo{
color:#fff;
font-size:18px;
font-family:arial;
background:url(../img/barra_titulo.jpg);
width:350px;
margin:10px auto;
padding:10px;
text-align:center;
}
div#secundario{
float:right;
width:642px;
padding:20px 10px 10px 10px;
background:#dbe7f5;
font-family:arial;
font-size:14px;
line-height:16px
}
div#secundario2{
float:right;
width:642px;
padding:20px 10px 10px 10px;
background:#e5e5e5;
font-family:arial;
font-size:14px;
line-height:16px
}
div#imge1{
width:283px;
height:219px;
background:url(../img/imge1.jpg);
float:left;
margin:10px;
}
div#imge2{
width:198px;
height:149px;
background:url(../img/imge2.jpg);
float:right;
margin:10px;
}
div#imge3{
width:198px;
height:149px;
background:url(../img/imge3.jpg);
float:left;
margin:10px;
}
div#imge4{
width:198px;
height:149px;
background:url(../img/imge4.jpg);
float:right;
margin:10px;
}
div#imge5{
display:block;
width:198px;
height:149px;
background:url(../img/imge5.jpg);
float:left;
margin:10px 0 0 10px 
}

/*PRODUCTOS*/

/*POR PRODUCTOS*/

div#pro1{
background:url(../img/foto1.jpg);
#background:url(../img/foto1.jpg);
_background:url(../img/foto1.jpg);
width:300px;
height:530px;
float:left;
}
div#prov{
background:url(../img/foto2.jpg);
#background:url(../img/foto2.jpg);
_background:url(../img/foto2.jpg);
width:300px;
height:350px;
float:left;
}
div#prob1{
background:url(../img/foto4.jpg);
#background:url(../img/foto4.jpg);
_background:url(../img/foto4.jpg);
width:300px;
height:485px;
float:left;
}
div#prob2{
background:url(../img/foto5.jpg);
#background:url(../img/foto5.jpg);
_background:url(../img/foto5.jpg);
width:300px;
height:530px;
float:left;
}
div#prob3{
background:url(../img/foto5.jpg);
#background:url(../img/foto5.jpg);
_background:url(../img/foto5.jpg);
width:300px;
height:530px;
float:left;
}
div#proh{
background:url(../img/foto6.jpg);
#background:url(../img/foto6.jpg);
_background:url(../img/foto6.jpg);
width:300px;
height:530px;
float:left
}
div#proa{
background:url(../img/foto3.jpg);
#background:url(../img/foto3.jpg);
_background:url(../img/foto3.jpg);
width:300px;
height:530px;
float:left;
}

/*FIN POR PRODUCTOS*/

div#area2{
font-size:12px;
padding:10px;
width:300px;
float:right;
}
div#area2 p{
padding:0 5px 0 10px;   
}
div#area2 h4{
font-size:13px;
height:18px;
background:url(../img/barra.jpg);
padding:4px 2px 2px 10px;
color:#0e4088;
margin:5px 0 5px 0;
}
div#img_pro1{
float:left;
margin:10px 0 0 50px;
background:url(../img/ficha1.jpg);
width:544px;
height:304px;
}
div#img_pro2{
float:left;
margin:10px 0 0 180px;
_margin:10px 0 0 80px;
background:url(../img/ficha2.jpg);
width:316px;
height:232px;
}
div#img_pro3{
float:left;
margin:10px 0 0 55px;
background:url(../img/ficha3.jpg);
width:522px;
height:211px;
}
div#img_pro4{
float:left;
margin:10px 0 0 60px;
background:url(../img/ficha4.jpg);
width:519px;
height:235px;
}
div#img_pro5{
float:left;
margin:10px 0 0 70px;
background:url(../img/ficha5.jpg);
width:511px;
height:280px;
}
div#img_pro6{
float:left;
margin:10px 0 0 65px;
background:url(../img/ficha6.jpg);
width:511px;
height:280px;
}
div#img_pro7{
float:left;
margin:10px 0 0 50px;
background:url(../img/ficha6.jpg);
width:511px;
height:280px;
}

/*FOOTER*/

div#footer{
background:#87aede;
color:#fff;
font-family:arial;
padding:10px 0 10px 0;
}
div#footer a:link{
color:#fff;
}
div#footer a:visited{
color:#fff;
}
div#footer a:hover{
color:#fff;
text-decoration:underline;
}
div#footer a:active{
color:#fff;
}
/*FORMULARIO*/

.fxform{margin:20px 50px 0;padding:0 0 20px;}

.fxform fieldset{border:none;margin:0 0 7px;padding:0 0 10px;}

.fxform legend{line-height:100%;text-transform:uppercase;font-family:Lucida Grande,Tahoma,Arial,Verdana,sans-serif;font-size:9pt;font-weight:700;color:#555;margin-bottom:10px;padding:0;}

.fxform fieldset div{position:relative;margin-top:1px;padding:10px 5px 8px 9px;}

.fxform label{color:#222;font-size:95%;font-weight:700;margin-right:10px;}

.fxform .guideline{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #E6E6E6;color:#444;font-size:80%;left:100%;line-height:130%;position:absolute;top:0;visibility:hidden;width:42%;z-index:1000;margin:0 0 0 8px;padding:8px 10px 9px;}

.fxform input[type=text],.fxform input[type=password],.fxform select,.fxform textarea{height:22px;font-size:11pt;margin-top:5px;background:#FFF url(/images/shadow.gif) repeat-x scroll center top;color:#333;width:350px;border-color:#7C7C7C #c3c3c3 #ddd;border-style:solid;border-width:1px;}

.fxform input[id=nombre]{
margin:0 0 0 10px;
}
.fxform input[id=asunto]{
margin:0 0 0 17px;
}
.fxform input[id=email]{
margin:0 0 0 25px;
}
.fxform input[type=submit],.fxform input[type=button]{color:#666;background:#e4e4e4;text-align:center;border-color:#c3c3c3;border-style:solid;}

.fxform .choice{color:#444;display:block;font-size:100%;line-height:1.4em;margin:-25px 0 0 20px;padding:4px 0 5px;}

.fxform ul{list-style:none;padding:5px 0 0 10px;}

.fxform .error{color:red;}

.fxform .errorField{border:1px solid red!important;}

.fxform fieldset div:hover{background-color:#fff7c0;}

.fxform div:hover .guideline,form div:focus .guideline{visibility:visible;}

.editor div{margin:0!important;padding:0!important;}

#texto {height:150px;width:500px;}