@charset "UTF-8";
/* CSS Document 2c285b  4470b4 */
html, body{ height:100%;}
body{}
h1, h2 { color:#2c285b;}
clear{ clear:both;}
.caja_centro{ width:1000px; margin:0px auto; padding:0px 15px;}
.caja_larga{ width:100%; float:left;}
.cajamenu{ width:100%; min-width:1030px; float:left; background-color:#2c285b; height:100px; display:block;}
.logo{ display:block; float:left; width:300px; height:100px;}
.social{ float:right; height:50px; display:block; width:auto;}
.separa{ width:50%; height:2px; float:right;}
.menu{ display:block; width:auto; float:right; height:40px;}
.menu li { cursor:pointer; display:block; float:left; height:40px; color:#FFF; list-style:none; padding:0px 15px; -webkit-transition:1s all; transition:1s all; -moz-transition:1s all;}
.menu li:hover{ color:#4470b4;}
.elbanner{ width:100%; height:350px; min-width:1030px; background-color:#fff; float:left;}
.quienes{ width:100%; min-width:1030px; float:left; height:150px; overflow:hidden; -webkit-transition:1s all; transition:1s all; -moz-transition:1s all; background-color:#4470b4; color:#fff;}
.quienes > .caja_centro > h1 { display:block; width:100%; float:left; margin:5px 0px; text-align:center; text-transform:uppercase; font-size:35px;}
.quienes > .caja_centro > p { display:block; width:100%; text-align:center;}
.paraproductos{ width:100%; display:block; min-width:1030px; background-color:#fff; float:left; margin:0px; height:300px; -webkit-transition:1s all; transition:1s all; -moz-transition:1s all;}
.producto{ width:300px; float:left; height:300px;}
.producto + .producto{ margin-left:50px;}
.producto h2 { width:100%; float:left; font-weight:bold; text-align:center; text-transform:uppercase; color:#2c285b; margin:5px 0px; border-bottom:1px solid #ccc; font-size:30px;}
.producto img { width:300px;}
.vermas{ cursor:pointer; width:300px; height:25px; background-color:#2c285b; float:left; color:#fff; text-align:center; text-transform:uppercase; margin:5px 0px; -webkit-transition:1s all; transition:1s all; -moz-transition:1s all;}
.vermas:hover { background-color:#4470b4;}
.producto > p { display:block; float:left; margin:3px 0px; text-align:justify; color:#333;}
.paracontacto{ width:100%; min-width:1030px; height:350px; float:left; background-color:#ccc;  color:#4470b4; margin-top:15px;}
.paracontacto > .caja_centro > h1 { display:block; width:100%; float:left; margin:5px 0px; text-align:left; text-transform:uppercase; font-size:35px; color:#4470b4}
.laforma{ float:left; width:400px; display:block; margin-right:15px;}
.elmapa{ float:left; width:300px; display:block; margin-right:15px; height:247px; margin-top:23px;}
.losdatos{ float:left; width:270px; display:block;  height:227px; padding:10px 0px; margin-top:23px; border-top:1px solid #333; border-bottom:1px solid #333; text-align:center; color:#333; font-size:18px;}
.detalle1{ float:left; height:400px; width:400px; margin-right:10px;}
.detalle2{ float:left; height:400px; width:590px; text-align:center;}
#detalle1, #detalle2, #detalle3 { -webkit-transition:1s all; transition:1s all; -moz-transition:1s all; overflow:hidden; height:0px;}
.porque{ width:100%; min-width:1030px; float:left; color:#FFF; height:430px; margin-top:10px; background:url(../images/fp.jpg) no-repeat center center fixed;}
.porque > .caja_centro > h1 { text-align:center; width:100%; color:#FFF; display:block; float:left;}
.doscol{ height:110px; display:block; float:left; background-color:#fff; width:485px; padding:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4); -moz-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);}
.doscol + .doscol { margin-left:10px;}
.doscol > h2 { text-align:center;}
.doscol > p { text-align:center; color:#333;}
.elsepara{ display:block; float:left; width:100%; height:10px;}

@charset "UTF-8";

input, textarea, select {  
float:left;
width:100%;
border:solid 1px #ccc;
margin-bottom:5px;
color:#000;
background-color:#e0e5e9;
font-family: 'Open Sans Condensed',sans-serif;
height:20px;
line-height:20px;
border-radius:2px;
-webkit-border-radius:2px;
-webkit-transition:1s all;
transition:1s all;
-moz-transition:1s all;
}


input[type=submit]{
color:#2c285b;
}




input[type=text]:focus, textarea:focus {
color:#2c285b;
}
html, body, div, span, object, iframe,
 p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'Open Sans Condensed',sans-serif;
}
h1, h2, h3, h4 ,h5 { font-weight:100; margin:0px 0px 5px 0px; text-transform:uppercase; display:block;}
a{ text-decoration:none; color:inherit;}