@charset "utf-8";
/* CSS Document */

html {
	height: 100%; /* fix height to 100% for IE */
	max-height: 100%; /* fix height for other browsers */
	padding: 0; /*remove padding */
	margin: 0; /* remove margins */
	border: 0; /* remove borders */
	font-size: 70%; /*set default font size */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* set default font */
}

body  {
    height:100%; /* fix height to 100% for IE */
    max-height:100%; /* fix height for other browsers */
    padding:0; /*remove padding */
    margin:0; /* remove margins */
    border:0; /* remove borders */
}

body.home #seccion {
	padding-top: 42px;
	height: 59px;
	background: url(../images/home1.jpg) no-repeat bottom right;
}

body.empresa #seccion {
	padding-top: 42px;
	height: 59px;
	background: url(../images/empresa1.jpg) no-repeat bottom right;
}

body.producto #seccion {
	padding-top: 42px;
	height: 59px;
	background: url(../images/producto1.jpg) no-repeat bottom right;
}

body.contacto #seccion {
	padding-top: 42px;
	height: 59px;
	background: url(../images/contacto1.jpg) no-repeat bottom right;
}



/* .hidden {
	display: none;
} */

#main-nav {
	height: 52px;
	background: url(../images/header_02.jpg);
	padding: 19px 0px 0px 273px;
}

#main-nav dl {
	margin: 0;
}

#main-nav dt {
    float: left;
}

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:33px; /* IE 5/Win hack */
	padding: 33px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	outline:0;
}

#main-nav dt a:hover {
	background-position: 0 -33px;
}

#main-nav dt#home,
#main-nav dt#home a {
	width: 94px;
	background-image: url(../images/home.jpg);
}

#main-nav dt#empresa,
#main-nav dt#empresa a {
	width: 114px;
	background-image: url(../images/empresa.jpg);
}

#main-nav dt#producto,
#main-nav dt#producto a {
	width: 115px;
	background-image: url(../images/producto.jpg);
}

#main-nav dt#contacto,
#main-nav dt#contacto a {
	width: 124px;
	background-image: url(../images/contacto.jpg);
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

body.home dt#home,
body.home dt#home a,
body.empresa dt#empresa,
body.empresa dt#empresa a,
body.producto dt#producto,
body.producto dt#producto a,
body.contacto dt#contacto,
body.contacto dt#contacto a {
	background-position: 0 -33px;
}

#container {
	width: 750px;
	overflow:auto;
	position:relative;
	z-index:3;
	word-wrap:break-word;
	display: block;
	padding-top: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header {
	height: 178px;
	display:block;
	background: url(../images/header_01.jpg) bottom no-repeat;
} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 268px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: url(../images/san_mateo.jpg) no-repeat;
	height: 520px;
	margin-bottom: 20px;
}

#sidebar2 {
	float: left; /* since this element is floated, a width must be given */
	width: 199px;
	padding-right: 11px;
	border-right: dotted #ccc 2px;
	padding-left: 3px;
}

#subContent {
	padding: 0px 0px 15px 227px;
}

#mainContent {
	margin-left: 275px;
} 

#footer {
	height: 46px;
	background: url(../images/footer.jpg) no-repeat bottom center;
	text-align: center;
	margin-bottom: 10px;
	clear: both;
	margin-top: 10px;
	padding-top: 5px;
	color: #FFFFFF;
	font-weight: bold;
} 
.link {
	color: #FFF;
}


#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

#bg {
	background: url(../images/background.jpg);
}

#content1 {
	width: 454px;
	padding-top: 10px;
}

#top {
	height: 12px;
	background: url(../images/top.png) !important;
	background: none;
	filter: none !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top.png');
}

#top_2 {
	height: 57px;
	background: url(../images/title.png) !important;
	background: none;
	filter: none !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/title.png');
}

/* empresa */

#top_objetivo {
	height: 57px;
	background: url(../images/objetivos.png) !important;
	background: none;
	filter: none !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/objetivos.png');
}

#top_mision {
	height: 57px;
	background: url(../images/mision.png) !important;
	background: none;
	filter: none !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mision.png');
}

#top_vision {
	height: 57px;
	background: url(../images/vision.png) !important;
	background: none;
	filter: none !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/vision.png');
}

#titulo {
	height: 56px;
	width: 207px;
	float: left;
	margin-left: 5px;
	background: url(../images/titulo.png) !important;
	background: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/titulo.png');
}

#mid {
	background-image: url(../images/mid.png) !important;
	background: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/mid.png' sizingMethod='scale');
}

#bottom{
    height: 15px;
	background: url(../images/bottom.png) !important;
	background: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom.png');
}

a:link {
	color: #FF9900;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #915226;
}

a:hover {
	text-decoration: underline;
	color: #028FC5;
}

a:active {
	text-decoration: none;
	color: #909;
}

#articlelist li {
	list-style-type: disc;
	color: #555;
}

#articlelist a:link {
	color: #333333;
	text-decoration: none;
}

#articlelist a:hover {
	text-decoration: underline;
	color: #028FC5;
}

#content2 {
	width: 454px;
	padding-top: 10px;
}

.style1 {
    font-size: 90%
}

.style3 {
	color: #009DC8;
	font-weight: bold;
}

.style2 {
	font-size: 90%;
	color: #FF9900;
	display: block;
	text-align: left;
}

.style4 {
	font-size: 90%;
	color: #FF9900;
	display: block;
	text-align: right;
	float: left;
}

.style5 {
	font-size: 90%;
	color: #FF9900;
	display: block;
	text-align: right;
}

.style6 {
	background: url(../images/icon.jpg) no-repeat top right #fff;
	display: block;
	padding: 5px 15px 0px 15px;
	margin: 0px 6px 0px 5px;
	text-align: justify;
}

.style7 {
	background: url(../images/icono.jpg) no-repeat top right #fff;
	display: block;
	padding: 10px 15px 5px 15px;
	margin: 0px 6px 0px 5px;
	text-align: justify;
}

.style8 {
	color: #FFFFFF;
	font-size: 140%;
	font-weight: bold;
	display: block;
	padding-left: 30px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
}

.style9 {
	font-size: 110%;
	font-weight: bold;
	display: block;
	color: #FFFFFF;
	padding-left: 100px;
	font-family: Arial, Helvetica, sans-serif;
}

.style10 {
	color: #00ADEE;
	font-size: 120%;
	font-weight: bold;
	display: block;
	padding: 5px;
	background-color: #FFFFFF;
	width: 174px;
	text-align: center;
}

p.subtitle {
	text-align: center;
	color: #00325D;
	font-weight: bold;
}
span.subtitle {
	text-align: center;
	display: block;
	font-weight: bold;
	color: #00325D;
}
#galeria {
	padding: 240px 0 0 58px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#adobe-reader {
	padding: 10px 0 0 100px;
	height: 38px;
}
#adobe-reader a {
	float: right;
	margin-left: 5px;
}
#adobe-reader a:active {
	text-decoration: none;
	color: #FFF;
}
#adobe-reader a:link {
	color: #FFF;
	text-decoration: none;
}
#adobe-reader a:visited {
	text-decoration: none;
	color: #FFF;
}
#adobe-reader a:hover {
	text-decoration: none;
	color: #FFF;
}

.style11 {
	color: #0799CC;
	font-size: 85%;
	text-align: right;
	display: block;
	padding: 5px 0 0 0;
}
#articlelist {
	padding-right: 30px;
}
.textin {
	color: #069;
}
.producto #container #bg #mainContent #content1 #mid .style6 .textin em {
	color: #008080;
}
.producto #container #bg #mainContent #content1 #mid .style6 .textin em {
	color: #0072A8;
}
.producto #container #bg #footer aCESPEJO {
	font-size: 14px;
	color: #FFF;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
.producto #container #bg #footer a strong em {
	font-size: 12px;
}
.producto #container #bg #footer a em {
	color: #FFF;
}
.color_correo {
	color: #FFF;
}
.producto #container #bg #footer a {
	color: #FFF;
	font-size: 12px;
	text-decoration: underline;
}
.home #container #bg #footer a em strong {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.empresa #container #bg #footer a em strong {
	color: #FFF;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}
.contacto #container #bg #footer a em strong {
	color: #FFF;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}