body {
margin: 0;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: justify;
text-align: center; /* for IE */
}

p {
color: #085CA5;
margin: 1em 0 0 0;
}

li {
color: #085CA5;
}

h2, h3 {
color: #B1D42D /*#FF9C2A*/ ;
margin: 0;
padding: 0;
font-size: 150%
}

h3 {
color: #085CA5;
font-size: 120%;
margin-top: 2em;
}

a:link {color: #B1D42D; font-weight: bold; text-decoration:underline}
a:visited {color: #89896F; text-decoration:none}
a:hover {color: #6BA5CD; text-decoration:none}






#contenedor {
		margin: 0px auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		width: 770px;

}



#encabezado{
width: 770px;
height: 213px;
margin: 0px;
background: #fff url(header-bg.jpg) no-repeat; 
/*border: 1px solid silver;
border-bottom: 0;*/
}


#logo {
position: absolute;
margin: 15px  0 0 15px;
}


#logo h1 {
display: block; /* Allows you to change the width and height of the image */
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/

width: 209px;
height: 86px;
background: #fff url(sistemas-de-voz-mexico.png) no-repeat;
margin:0;
padding: 0;
}

#menu {
float: right;
margin: 18px 5px 0 0;
}

#menu a {
color: #5972C1;
font-weight: bold;
margin: 0 8px;
font-size: 20px;
text-decoration: none;
font-family: Arial, sans-serif;
}


#menu a:hover {
color: #B1D42D;
}



#intro {
width: 100%;
padding: 10px 0 1.5em 5px;
float: left;
}


div.prod {
width: 144px;
height: 180px;
float: left;
margin: 1.5em 4px;
background: #fff url(prod-bg.jpg) no-repeat bottom;
text-align: justify;
font-size: 11px;
}

div.prod h3{
margin: 0;
}

div.prod p{
padding: 3px;
margin: 0;
}

div.productos {
clear: left;
margin: 3em 0 3em 43px;
width: 684px;
}

div.productos h3 {
margin-top: 8px
}


div.productos-izq{
float: left;
width: 180px;
text-align: center;
height: 100%;
}

div.productos-der{
width: 500px;
display: inline-block;
}




#marcas, #clientes {
/*float: left;*/
width: 100%;
text-align: center;
/*margin-top: 20px;*/
}

#marcas img {
margin: 8px
}

#marcas p{
text-align: left;
}

#clientes img {
margin: 30px
}

#izq {
width: 315px;
float: left;
padding: 0 0 0 70px
}

#der {
width: 335px;
float: left;
padding: 0 0 0 10px
}

#pie{
clear: both;
margin: 20px  0 0 0;
text-align: center;
width: 100%;
height: 65px;
font-size: 11px;
background: #1063A9 url(pie-bg.png) no-repeat;
/*border-top: 1px solid silver;*/
}

#pie p{
color: #fff;
font-weight: normal;
padding-top: 5px;
margin: 0;
}


#firma {
text-align: right;
font-size: 11px;
margin-top: 2px;
}

#firma a{
font-weight: normal
}

#gracias {
text-align:center;
font-size: 140%;
margin: 5em 0;
}



.error {
color: red;
}

.error, .gracias {
text-align: center;
}

h2.error {
margin-top: 2em;
}

p.gracias {
margin-bottom: 3em
}

/*-------formulario--------*/

label { 
display:block; 
font-weight:bold; 
margin-bottom: 0px;
color: #085CA5
}  

input, textarea{
background-color: #FAFAFA;
border: 1px solid #E2E2E2;
color:#085CA5;
font-family: verdana, sans-serif;
font-size:100%;
font-weight: normal;
padding:0.1em;
}

textarea{overflow:auto;
font-size:100%
}