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

body {
	background: #004474; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 9px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
h1{
	font-family: "Century Gothic", Arial;
	font-size: 30px;
	font-weight: normal;
	color: #636363;
	margin-top: 20px;
}

h2{
	font-family: "Century Gothic", Arial;
	font-size: 25px;
	font-weight: normal;
	color: #636363;
	margin-top: 20px;
}

h3{
	font-family: "Century Gothic", Arial;
	font-size: 25px;
	font-weight: normal;
	color: #636363;
	margin-top: 20px;
	line-height:100%;
}

.layoutCSS #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.layoutCSS #header {
	height: 130px;
	width: 980px;
	background-color: #FFF;
	background-image: url(../images_sitio/HeaderBG-gradient.png);
	background-repeat: repeat-x;
}
.layoutCSS #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	background: #FFFFFF;
}
.layoutCSS #mainContent2 {
	background: #FFFFFF;
}
.layoutCSS #footer {
	background:#333;
	clear: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 14px;
	height: 135px;
}



/*HEADER SECTION */

#logo {
	padding-top: 26px;
	padding-left: 28px;
}
/* buttons */
#BTN-headers{
	width: 447px;
	height: 57px;
	float: right;
	margin-top: -82px;
	margin-right: 20px;
}
#BTN1 {
	float:left
}
#BTN1 a.rollover {
	display: block;
	width: 215px;
	height: 57px;
	text-decoration: none;
	background-image: url(../images_sitio/BTN-pedidos.jpg);
}

#BTN1 a.rollover:hover {
	background-position: -215px 0;
}

#BTN1 .displace {
	position: absolute;
	visibility: hidden;
}

#BTN2 {
	float:right;
}
#BTN2 a.rollover {
	display: block;
	width: 215px;
	height: 57px;
	text-decoration: none;
	background-image: url(../images_sitio/BTN-Llamanos.jpg);
}

#BTN2 a.rollover:hover {
	background-position: -215px 0;
}

#BTN2 .displace {
	position: absolute;
	margin-top: -57px;
	visibility: hidden;
}

/* navigation */
#pad {height:100px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

=================================================================== */

#menu {
	list-style:none;
	width:720px;
	height:25px;
	margin-top: -12px;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	float:right;
}

#menu li {
	position:relative;
	float:left;
	margin:0;
}
#menu li a {
	display:block;
	height:25px;
	float:left;
	color:#004ca1;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 0;
}
#menu li a b {
	display:block;
	height:25px;
	float:left;
	padding:0 0 0 10px;
}

#menu li a:hover, 
#menu li a:active,
#menu li a:focus,
.inicio #menu li#inicio a,
.nosotros #menu li#nosotros a,
.productos #menu li#productos a,
.seguridad #menu li#seguridad a,
.distribuidores #menu li#distribuidores a,
.ventas #menu li#ventas a,
.servico #menu li#servicio a,
.contacto #menu li#contacto a
{
	cursor:pointer;
	color:#368cdf;
}
#menu li a:hover b,
#menu li a:active b,
#menu li a:focus b,
.inicio #menu li#inicio a b,
.nosotros #menu li#nosotros a b,
.productos #menu li#productos a b,
.seguridad #menu li#seguridad a b,
.distribuidores #menu li#distribuidores a b,
.ventas #menu li#ventas a b,
.servico #menu li#servicio a b,
.contacto #menu li#contacto a b
{
	cursor:pointer;
}





/* CONTENT 2 COLUMNS */

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 349px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 349px; /*Width of right column*/
margin-left: 591px;
margin-top: -105px;
}

#innertube{
	margin-top: 0;
}

.content_text{
	font-size: 12px;
	line-height:16px;
}

.content_text ul{
	line-height:14px;
	list-style-position: outside;
	list-style-image: url(../images_sitio/bullet.gif);
	text-align: justify;
	list-style-type: none;
	}
	
.content_text li{
	margin-left:15px;
	padding-top: 7px;
	
}

.titleSlogan{
	font-family: "Century Gothic";
	font-size: 30px;
	font-weight: normal;
	color: #636363;
	margin-top: 20px;
}
.titlesloganB{
	font-weight: bold;
	color: #0a2382;
}

.titleSloganSm{
	font-family: "Century Gothic";
	font-size: 20px;
	font-weight: normal;
	color: #636363;
	margin-top: 20px;
}

.textGreen{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5d9700;
	margin-top: 12px;
	line-height: 16px;
}
.textGreenBold{
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004474;
	margin-top: 12px;
	line-height: 16px;
}

img.borde
{
padding: 2px;
border: 6px solid #efefef;
margin: 1px 10px 1px 10px;
}

img.borde2
{
padding: 0px;
border: 1px solid #3da1dc;
margin: 0;
}

.LinkBlue{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #004474;
	padding-top: 10px;
	text-decoration:none;
}
.LinkBlue a {
	text-decoration:none;
	color: #004474;

}
.LinkBlue a:hover {
	text-decoration: underline;
}

.titleVistazo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004474;
	text-indent: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #004474;
	line-height: 25px;
}
.textBullets{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #004474;
	list-style-position: outside;
	list-style-image: url(../images_sitio/bullet.gif);
	text-align: justify;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	line-height: 14px;
}
.textBullets li{
	margin-left:15px;
	padding-top: 5px;
	
}




/* Boxes */


#Boxes{
	height: 257px;
	width: 100%;
	margin-top:55px;
	margin-bottom:20px;	
}
#Box-GB{
	background-image: url(../images_sitio/box.jpg);
	background-repeat: no-repeat;
}
.BoxTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #03208F;
	padding-left:14px;
	padding-top:14px;
}
.BoxText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding-left:14px;
	padding-top:0px;
	padding-right:14px;
}
.BoxBTN{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	padding-left:33px;
	padding-top:7px;
	background-image: url(../images_sitio/BTN-ConoceMas.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 161px;
	margin-left:14px;
}
.BoxBTN a{
	color: #FFF;
	text-decoration: none;
}




/* Boxes 2 */


#Extra{
	height: 456px;
	width: 100%;
	margin-top:40px;
	margin-bottom:20px;
}
.ExtraText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #004474;
	text-align: justify;
}
.ExtraTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height:30px;
	font-weight: normal;
	color: #7b0014;
}
.ExtraIMG{
	padding-top: 0px;
	padding-bottom: 10px;
}



/* Boxes */

#minimenu {
	list-style:none;
	width:100%;
	float:right;
	height:30px;
}

#minimenu li {
	position:relative;
	float:left;
}
#minimenu li a {
	display:block;
	float:left;
	color:#368cdf;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 0;
}
#menu li a b {
	display:block;
	float:left;
	padding:0 0 0 10px;
}
#minimenu li a:hover, 
#minimenu li a:active,
#minimenu li a:focus,
.inicio #menu li#inicio a,
.nosotros #menu li#nosotros a,
.productos #menu li#productos a,
.seguridad #menu li#seguridad a,
.distribuidores #menu li#distribuidores a,
.ventas #menu li#ventas a,
.servico #menu li#servicio a,
.contacto #menu li#contacto a
{
	cursor:pointer;
	color:#FFFFFF;
}
#minimenu li a:hover b,
#minimenu li a:active b,
#minimenu li a:focus b,
.inicio #menu li#inicio a b,
.nosotros #menu li#nosotros a b,
.productos #menu li#productos a b,
.seguridad #menu li#seguridad a b,
.distribuidores #menu li#distribuidores a b,
.ventas #menu li#ventas a b,
.servico #menu li#servicio a b,
.contacto #menu li#contacto a b
{
	cursor:pointer;
}

#note {
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: -20px;
}

#contact-area input,select, #contact-area textarea {
	padding: 3px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2px 0px 2px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea{
	height: 54px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #c1123d;
}

#contact-area input.submit-button {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	background-image: url(../images_sitio/BTN-ConoceMas.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 161px;

}

#contact-area  label{
	width: 100px;
	text-align: left;
	color: #636363;
	margin: 3px;
	font-size: 11px;
	font-weight:bold;
}



table.contacts
{ width:70%;
border: 0px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


td.contactDept
{ background-color: #99CCCC;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }


table.contacts td
{ border-bottom: 1px #00519d dotted;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

table.contacts td.noborder
{ border-bottom: 0px #00519d dotted;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }


/* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */

table.winter-blues {font: 100% "Helvetica", "Arial", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7;}

table.winter-blues a {color: #004474; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  

table.winter-blues a:visited {color: #777;}

table.winter-blues a:hover {color: #000;}  

table.winter-blues caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}

table.winter-blues thead th {background: #004474; padding: 15px 10px; color: #fff; text-align: left; font-weight: normal;}

table.winter-blues tbody, table.winter-blues thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}

table.winter-blues tbody {border-bottom: 1px solid #EAECEE;}
                      
table.winter-blues tbody td, table.winter-blues tbody th {padding: 10px; background: url("../images_sitio/td_back.gif") repeat-x; text-align: left;}

table.winter-blues tbody tr {background: #F3F5F7;}

table.winter-blues tbody tr.odd {background: #F0F2F4;}

table.winter-blues tbody  tr:hover {background: #EAECEE; color: #111;}

table.winter-blues tfoot td, table tfoot th, table tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;}