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, 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, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
li{
list-style:none
}
a{
text-decoration:none
}
/*-------- Clearfix -----------*/
.clearfix:after {
content:”.”;
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
#divflotante {
float:left;
}
/*-------- hs -----------*/
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#1685a8;
letter-spacing:1px;
font-weight:bolder;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bolder;
text-shadow:1px 1px 1px #565656;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#ffffff;
letter-spacing:1px;
font-weight:bolder;
}
/*-------- Generales -----------*/
body {
background-image:url(../imagenes/fondocirculwhite.png)
}
#encabezado {
height:161px;
}
#contenido {
}
#footer {
height:117px;
background-image:url(../imagenes/fondofooter.jpg);
background-repeat:no-repeat;
width:1000px;
margin:0 auto
}
#footerpro {
height:117px;
background-image:url(../imagenes/fondofooterpro.jpg);
background-repeat:no-repeat;
width:1000px;
margin:0 auto
}
#footerinst {
height:117px;
background-image:url(../imagenes/fondofooterqui.jpg);
background-repeat:no-repeat;
width:1000px;
margin:0 auto
}
/*-------- Clases Generales -----------*/
.interior {
width:1000px;
margin:0 auto
}
/*-------- fOOTER -----------*/
#footerleft {
padding: 40px 0 0 60px;
width:500px;
float:left
}
#footeright {
padding: 18px 0 0 60px;
width:300px;
float:right
}
#footerleft ul {
}
#footerleft li {
display:inline;
list-style-type:disc;
margin-left:10px;
}
#footerleft li a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666
}
.titulofoot {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bolder;
margin-bottom:12px
}
#footeright p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-bottom:6px
}
#copyright {
margin:30px 0 0 10px
}
#copyright p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}
#copyright p span {
font-weight:bolder
}
/*-------- PARTICULARES -----------*/
/*-------- Index -----------*/
#contenidohome {
width:1000px;
height:350px;
background-color:#FFFFFF;
padding-top:50px
}
#homeleft {
width:400px;
float:left;
padding:0 0px 0 70px
}
#homeright {
width:400px;
float:right;
padding:0 20px 0 0px
}
.titulohome {
margin-bottom:35px
}
.textohome p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#999999;
line-height:20px;
text-align:justify;
margin-bottom:15px
}
.textohome p span {
font-weight:bolder;
}
.logoshome
{
margin-top:15px
}
.leermas
{
margin-left:110px
}
/*-------- productos -----------*/
#contenidopro {
width:1000px;
height:450px;
background-color:#FFFFFF;
}
#proleft {
width:235.5px;
height:450px;
float:left;
background-color:#147797
}
#proright {
width:764.5px;
height:450px;
float:right;
padding:0 0px 0 0px
}
#menu {
margin:30px 30px 50px 0px
}
#menu ul {
margin-bottom:20px;
}
#menu li {
text-align:right;
margin-bottom:5px;
}
#menu li a {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:bolder;
}
#menu li a:hover {
text-decoration:underline
}
/*-------- Clientes -----------*/
#contenidoclientes {
width:1000px;
height:1300px;
background-color:#FFFFFF;
padding-top:45px
}
.tituloclientes {
margin: 30px 10px 0 100px
}
#galeriaclientes1 {
text-align:center;
width:950px;
padding:0px 0 40px 0
}
#galeriaclientes1 li {
width:160px;
display:inline-block;
padding-left:60px
}
#galeriaclientes1 ul {
text-align:center;
margin-top:30px
}
#galeriaclientes1 li span { position: relative; left: 0;
color:#164e68;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold
}
#contenidoinst {
width:1000px;
height:380px;
background-color:#FFFFFF;
padding-top:50px
}
#instleft {
width:400px;
float:left;
padding:0 0px 0 70px
}
#instright {
width:380px;
float:right;
padding:0 80px 0 0px
}
.tituloinst {
margin-bottom:35px
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
line-height:16px;
text-align:justify
}
#instright, #instleft, img{
margin-bottom:10px
}
#contenidoinstsub {
height:210px;
background-color:#147797;
padding:22px 0 0 17px
}
#instleftsub {
width:400px;
float:left;
padding:0 0px 0 50px
}
#instrightsub {
width:380px;
float:right;
padding:0 80px 0 0px
}
.tituloinstsub {
margin-bottom:15px
}
#contenidoinstsub p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
line-height:16px;
text-align:justify;
margin-bottom:15px
}
.premium
{
vertical-align:middle
}
/*-------- certicaciones -----------*/
#contenidocerti {
width:940px;
height:350px;
background-color:#FFFFFF;
padding:50px 0 0 60px
}
.listacerti {
margin-left:30px
}
.listacerti li {
display:inline;
margin-right:40px
}
/*-------- novedades -----------*/
#contenidonove {
width:940px;
height:620px;
background-color:#FFFFFF;
padding:50px 0 0 60px
}
.titulonove {
margin-bottom:5px
}
.listanove {
width:900px;
text-align:center;
margin:0 0 50px 20px
}
.listanove li {
text-align:center;
width:200px;
display:inline-block;
margin-right:50px
}
.listanove2 {
width:900px;
text-align:center;
margin-left:20px
margin:30px 0 0 200px
}
.listanove2 li {
text-align:center;
width:200px;
display:inline-block;
margin-right:50px
}
.listanove li span, .listanove2 li span {
width:160px;
text-align:center;
position: relative; left: 0;
color:#164e68;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold}
/*-------- contacto -----------*/
#contenidocont {
width:1000px;
height:500px;
background-color:#FFFFFF;
padding-top:50px
}
#contenidocont p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#999999;
line-height:22px;
text-align:justify;
}
#contenidocont p span{
color:#1685a8
}
.contacto{
width:300px;
height:345px;
border: 3px solid #CED5D7;
border-radius: 6px;
padding: 30px 45px 0px 30px;
margin-top: 5px;
background-color: #fefdfb;
}
.contacto label{
display: block; /* esto es para que el label se sobreponga a la caja de texto */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:left
}
.contacto div{
margin-bottom: 12px; /* esto los separara un poco */
}
.contacto input[type='text'] {
margin: 5px 0 0 0;
padding: 6px 6px;
height:14px;
width: 300px; /* una longitud definida */
border: 1px solid #CED5D7;
resize: vertical;
box-shadow:0 0 0 3px #EEF5F7;
}
.contacto textarea{
margin: 5px 0 0 0;
padding: 6px 6px;
height:80px;
width: 300px; /* una longitud definida */
border: 1px solid #CED5D7;
resize: vertical;
box-shadow:0 0 0 3px #EEF5F7;
}
.enviar {
padding:5px 15px 5px 15px;
width:50px;
height:25px;
background-color:#173456;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px
}