body {
	margin-top: 0px;
	background-color: #273B5E;
}


#container {
	width: 955px;
	margin: auto;
	background-color: #FFFFFF;
}

#header {
	height: 55px;  /* XX antes 65 */
	text-align: left;
	background-image: url(images/head.jpg);
	background-repeat: no-repeat;
		}

#header span{
	visibility:hidden;
	}

#menuHoriz {
	visibility: hidden;
	text-align: left;
		}

#menuHoriz span{
	visibility: hidden;
		}

#menuHorizontal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 80px;  /* XX antes 126 */
	font-weight: bold;
	background-image: url(images/head_1.jpg);
	color: #FFFFFF;
	padding-left: 50px;
	background-repeat: no-repeat;
			}

#menuHorizontal span {
	visibility:hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
		}
		
#nombrePagina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align: left;
	text-indent: 11px;
	color: #FFFFFF;
	background-image: url(file:///Macintosh%20HD/Applications/MAMP/htdocs/antonioWeb/contenido.jpg);
	background-repeat: no-repeat;
	width: 550px;
	padding-bottom: 11px;
	padding-top: 11px;
	}
	
	
	
	#submenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 11px;
	height: 33px;
	}

	
	#namesubPagina {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent: 11px;
	font-size: 22px;
	color: #CC0000;
	}
	
	


#main {
	margin-left: 55px;
	float: left;
	width: 470px;
	padding-top: 5px;
}

#main h5 {
	color: #1C6733;
}	



#main p {
	font-size: 12px;
	}


#main a {
	color: #1C6733;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
}



#onPromcontenido {
	margin-left: 55px;
	float: left;
	width: 630px;
	overflow: auto;
	position: relative;
	font-size: 12px;
	top:5px; /* XX este no estaba */
}

#onPromcontenido h5 {
	color: #1C6733;
	font-size: 16px;
}	



#onPromcontenido p {
	font-size: 12px;
	}


#onPromcontenido a {
	color: #1C6733;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
}


#operDACcontenido {
	margin-left: 55px;
	float: left;
	width: 630px;
	height: 350px;
}

#operDACcontenido h5 {
	color: #1C6733;
	font-size: 16px;
}	



#operDACcontenido p {
	font-size: 12px;
	}


#operDACcontenido a {
	color: #1C6733;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
}


#controlAccesocontenido {
	margin-left: 55px;
	float: left;
	width: 630px;
	height: 150px;
	padding-top: 200px;
}

#controlAccesocontenido h5 {
	color: #1C6733;
	font-size: 16px;
}	



#controlAccesocontenido p {
	font-size: 12px;
	}


#controlAccesocontenido a {
	color: #1C6733;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
}


#contactoForma {
	margin-left: 55px;
	float: left;
	height:360px; 
	margin-left=50px; 
	width: 850px; 
	padding-top: 10px
}



/*N*/
#clientescontenido {
	margin-left: 55px;
	float: left;
	width: 700px;
	padding-top: 10px;
	height: 600px;
}

#clientescontenido h5 {
	color: #1C6733;
	font-size: 16px;
}	



#clientescontenido p {
	font-size: 12px;
	}


#clientescontenido a {
	color: #1C6733;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
}




#main2 {
	float: right;
	width: 380px;
	padding-top: 30px;
}

#main2 h5 {
	color: #1C6733;
}	




#main2 p {
	font-size: 12px;    /* XX antes era 11 */
	/*line-height:1.3em; */ /* XX antes estaba presente */
	margin-top: 0px;
	}


#main2 a {
	color: #1C6733;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
}




#animacion {
	height: 253px;
}


#onProm {
	background-image: url(images/onProm_04.jpg);
	height: 143px;
	background-repeat: no-repeat;
}


#onPrombotones {
	font-size: 13px;
	padding-bottom: 40px;
	float: right;
	width: 228px;
	padding-top: 22px;
}

#IPAbotones {
	font-size: 13px;
	padding-bottom: 40px;
	float: right;
	width: 228px;
	padding-top: 77px;
}

#onPrombotones h2 {
	color: #21315A;
	font-size: 24px;
}




#titulo_1 {
	font-size: 13px;
	padding-bottom: 10px;
	float: right;
	width: 380px;
}

#titulo_1 h2 {
	color: #21315A;
	font-size: 24px;
}

#titulo_2 {
	padding-bottom: 40px;
	width: 850px;
	padding-left: 50px;
	padding-right: 0px;
	font-size: 13px;
}

#titulo_2 h2 {
	color: #21315A;
	font-size: 22px;
}

#titulo_3 {
	padding-bottom: 15px;
	width: 850px;
	padding-left: 50px;
	padding-right: 0px;
	font-size: 13px;
}

#titulo_3 h2 {
	color: #21315A;
	font-size: 22px;
}

/* cuando no tiene fondo */
#footer {
	clear: both;
	height: 127px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	width: 955px;
	text-align: center;
	position: relative;
	bottom: 0px;
}

/*cliente*/
#footer0 {
	clear: both;
	height: 127px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	width: 955px;
	text-align: center;
	position: relative;
	bottom: 0px;
	background-image: url(images/f0.jpg);
}
#footer0 div {
  padding-top: 80px;
}

/*productos,contacto,tienda*/
#footer1 {
	clear: both;
	height: 127px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	width: 955px;
	text-align: center;
	position: relative;
	bottom: 0px;
	background-image: url(images/f1.jpg);
}
#footer1 div {
  padding-top: 80px;
}

/* onprom */
#footer2 {
	clear: both;
	height: 127px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	width: 955px;
	text-align: center;
	position: relative;
	bottom: 0px;
	background-image: url(images/f2.jpg);
}
#footer2 div {
  padding-top: 80px;
}

#footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	width: 955px;
	text-align: center;
	position:absolute;
	bottom:35px;
}

/*N*/
#footerText table {
  background-color: #21315A;
  width: 100%;
  border: 0;
  bottom: 22px;
}

#footerText a {
	color:#FFFFFF;
}
#footerText a:link {
	text-decoration: none;
}
#footerText a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#footerText a:hover {
	text-decoration: underline;
}
#footerText a:active {
	text-decoration: none;
}

	


#index {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/index_cont.jpg);
	height: 298px;
	padding-right: 33px;
	position: relative;
}


#onPromcont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/c2.jpg);
	padding-right: 19px;
	position: relative;
}

#operDACcont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/c2.jpg);
	padding-right: 19px;
	position: relative;
}


#SIPAcont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/c2.jpg);
	padding-right: 19px;
	position: relative;
}


#IPAcont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/c2.jpg);
	padding-right: 19px;
	position: relative;
}

/*N*/
#clientescont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/c0.jpg);

	padding-right: 900px;
	position: relative;
}


#servidorescont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/c2.jpg);
	position: relative;
}


#controlAccesocont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/controldeAcceso_05.jpg);
	height: 409px;
	padding-right: 19px;
	position: relative;
}



#contenidoPrincipal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/empresa_05.jpg);
	height: 409px;  /* XX antes 315 */
	padding-right: 33px;
	padding-top: 3px;
	position: relative;
}







#product {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/c1.jpg);
	/* height: 552px; */  /* XX se quito */
	padding-right: 33px;
	position: relative;
}


#main3 {
	width: 955px;
	font-size: 13px;
	overflow: auto;
	/* height: 460px; 	*/  /* XX se quito */
	padding-top: 0px;
	padding-bottom: 10px;
}

#main3 h3 {
	color: #336600;
	font-size: 22px;
}

	

#botonera {
	padding-left: 15px;
}
#menuHorizontal h1 {
	font-size: 25px;  /* XX antes 30 */
	line-height:10%; /* XX este no estaba */
	text-indent:0px;  /* XX agregado */
	
	/*font-size: 12px;
	color: #336699;*/
	text-shadow: 2px 2px 2px #003366;
	margin-top: 15px;
	padding: 0;
	font-weight:bold;
	/*font-variant: small-caps;*/
}
#animacion2 {
	background-image: url(images/empresa_04.jpg);
	background-repeat: no-repeat;
	height:143px;  /* XX antes era 254 */
}
#IPA {
	height: 143px;
	width: 900px;
}
#clients {
	background-image: url(images/clientes_04.jpg);
	height: 85px;
	background-repeat: repeat;
}
#operDAC {
	background-repeat: no-repeat;
	height: 143px;
	width: 900px;
}
#SIPA {
	background-repeat: no-repeat;
	height: 143px;
}
#servidores {
	background-image: url(images/servidores_04.jpg);
	background-repeat: no-repeat;
	height: 132px;
}
#controlAcceso {
	background-image: url(images/controldeAcceso_04.jpg);
	background-repeat: no-repeat;
	height: 143px;
}
#clientescontenido table {
	color: #FFFFFF;
	font-weight: bold;
}
#main3 a:link, a:visited {
	color: #0066CC;
	text-decoration: none;
}
#operDACcontenido table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#titulos {
	width: 650px;
	float: left;
	height: 75px; /* XX antes 115 */
	padding-top: 5px;
	line-height: 1em;
	text-indent: 20px; /* XX agregado */
}

#logoanimado {
	float: right;
	height: 80px; /* XX antes 118 */
}
#products {

}
#products {
	height: 480px;
}
#produc {
	float: left;
	width: 260px;
}
#textproduct {
	/* float: right; 
	width: 620px; */
	width: 920px;
}
#tiendaCont {
	float: right;
  height: 600px;
  padding-right: 18px; 
  width: 648px;	
}
#onPromcontenido table {
}
#clientescontenido p {
	position: fixed;
}
#clientescontenido h5 {
	position: static;
}
#clientescontenido div {

}
#contacto {
	position: static;
}
#tabla {
	overflow: auto;
	height: 300px;
}

#divclientes a {
	  text-decoration: none;
	  color:#1C6733;  
}

#divclientes p{
	text-decoration: none;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#divclientes h6{
	text-decoration: none;
	color:#1C6733;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}



#XsliderWrap {
margin: 0 auto;
width: 300px;
}
#Xslider {
position: absolute;
background-image:url(img/slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 200px;
height: 80px;
right: 50px;
margin-top: -60px;
}
#Xslider img {
border: 0;
}
#XsliderContent {
margin: 10px 0 0 20px;
position: absolute;
text-align:center;
font-weight:bold;
padding: 10px;
}
#Xheader {
margin: 0 auto;
width: 600px;
background-color: #F0F0F0;
height: 200px;
padding: 10px;
}
#Xwrd {
margin: 0 auto;
width: 600px;
padding: 10px;
}
#XopenCloseWrap {
position:absolute;
margin: 65px 0 0 70px;
font-size:12px;
font-weight:bold;
}


/*-------------------------------------------------------------------------------------------------------------------
CL* 2011.03.01-ABG - ESTILOS
*/
.categories {
	/*background-color:#F9FAFC;
	border:solid 1px #D5E2F1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	margin: 30px;
	letter-spacing: 0px;	
	text-align:justify; 
	/*color: #000000;*/
	/*font-family:"tw cen mt condensed, Futura, Arial, sans-serif";*/
	font-size:13px;	
}
.category-title {
	/*background-image: url(images/category.png);*/
	font-size: 12pt;
	color: #1C6733;
	text-shadow: 2px 2px 2px #DDD;
	margin: 0px;
	padding: 0;
	font-variant: small-caps;
	line-height: 30px;
	font-weight:bold;
}
.category-title2{	font-size: 18pt;	color: #1C6733;	text-shadow: 2px 2px 2px #DDD;	margin: 0px;	padding: 0;	font-variant: small-caps;	line-height: 30px;	font-weight:bold;}
/*.category-title a:link,a:hover {color: #0066BC;}*/
.section-title {padding:6px 0px; text-align:center; color:#CCCC00; font-size:11px; font-weight:bold; border-bottom:solid 1px #CCCCCC;}
.subsection-title {	
	font-size: 12px;
	color: #336699;
	text-shadow: 2px 2px 2px #DDD;
	margin-top: 15px;
	padding: 0;
	font-weight:bold;
	/*font-variant: small-caps;*/
}
.browse-title {font-size:15px; font-weight:bold;}
.edit-title {font-size:11px; font-weight:bold; color:#CCCC00;}
/*Notas*/
.grey-text {FONT-WEIGHT: normal; font-size:11px; color: #003366; LINE-HEIGHT: 13px; TEXT-DECORATION: none;
	background-color:#F9FAFC;
	border:solid 1px #D5E2F1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 30px;
	padding: 20px;
	letter-spacing: 0px;	
	text-align:justify; 
	/*color: #000000;*/
	/*font-family:"tw cen mt condensed, Futura, Arial, sans-serif";*/
	
}
.grey-text a{
	background-image: url(images/toggle-small-expand.png);
	background-repeat: no-repeat;
	padding-left:20px;
	color: #808080;
	line-height: 15px;
	font-size:10px;
}
p{text-align:; margin-right: 0px;LINE-HEIGHT: 14px; margin-left: 0px; text-indent: 0.5cm}
.tip{	
  /*background-image:url('../../img/default.jpg');	background-repeat: no-repeat;	color:#000000;*/
  width:200px;
  height:220px;
  margin:30px 50px;
  /*background-color:#B7E500;
  border:1px solid #78A000;*/
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
font-size: 13px;
padding-bottom: 40px;
float: right;
width: 228px;
padding-top: 22px;
}
div.tip p  {  margin:30px 40px;  font-weight:bold;  color:#000000;  }


/*Menu izquierdo Productos*/
.menu_D {
	font-size: 12px;
	padding-bottom: 40px;
	width: 210px;
	padding-top: 22px;
	margin-left:-40px;
}
.menu_D ul {
	/*background:	transparent url(images/nav_ul_bg.gif) bottom right no-repeat;*/
	list-style: none;
	padding-bottom: 125px;
}
.menu_D li{
	background-repeat: no-repeat;
	border-bottom: 1px solid #78A800;
	font-size: 12px;
	color: #336699;
	text-shadow: 2px 2px 2px #DDD;
	/*	font-weight:bold;*/
}
.menu_D li a:link, li a:visited {
	line-height: 27px;
	text-decoration: none;
	background-image:url(images/bv_der/es/icon_menu.png);
	background-repeat: no-repeat;
	padding-left:22px;
	color:#000000;
}
.menu_D li a:hover{
	line-height: 27px;
	text-decoration: none;
	background-image:url(images/bv_der/es/icon_menuH.png);
	background-repeat: no-repeat;
	padding-left:22px;
	color:#4726CC;
}
.menu_D li a:active{
	line-height: 27px;
	text-decoration: none;
	background-image:url(images/bv_der/es/icon_menuH.png);
	background-repeat: no-repeat;
	padding-left:22px;
	color:#FF6600;
}

#main3  a:hover{
	text-decoration: none;
	/*background-image:url(images/bv_der/es/icon_menuH.png);*/
	color:#FF6600;
}
#Xslider_cont {
position: float;
/*background-image:url(img/slider.png);*/
background-repeat:no-repeat;
background-position: bottom;
width: 600px;
height: 80px;
right: 0px;
margin-top: -60px;
}

.chat{background-image:url(images/chat.png);background-repeat:no-repeat;background-position:left top; text-align:left; padding-left:40px;}
.correo{background-image:url(images/correo.png);background-repeat:no-repeat;background-position:left top; text-align:left; padding-left:40px;}
.tel{background-image:url(images/telefono.png);background-repeat:no-repeat;background-position:left top; text-align:left; padding-left:40px;}

/*CL* 2011.03.04-ABG - mENU NOTAS*/     
.nota { font-size: 12px;    padding-bottom: 40px;   width: 210px;   padding-top: 22px;  margin-left:-40px;}
.nota ul {  list-style: none;   padding-bottom: 125px;}
.nota li{   background-repeat: no-repeat;   border-bottom: 1px solid #78A800; font-size: 12px;color: #336699;text-shadow: 2px 2px 2px #DDD;}
.nota li a:link {   line-height: 27px;  text-decoration: none;  background-image:url(images/bv_der/es/nota.png);    background-repeat: no-repeat;   padding-left:22px;  color:#000000;}
.nota li a:visited {    line-height: 27px;  text-decoration: none;  background-image:url(images/bv_der/es/nota.png);    background-repeat: no-repeat;   padding-left:22px;  color:#000000;}
.nota li a:hover{   line-height: 27px;  text-decoration: none;  background-image:url(images/bv_der/es/category.png);    background-repeat: no-repeat;   padding-left:22px;  color:#4726CC;}
.ref{font-size:11px; color: #003366; line-height: 13px; text-decoration: none;
    /*background-color:#F9FAFC;
    border:solid 1px #D5E2F1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;    
    text-align:right; 
    color: #A5A5A5;
}
#onPromcontenido a:hover {	color: #FF6600;}  #onPromcontenido a {	color: #0066CC;} 
#main a:hover {	color: #FF6600;}  #main a {	color: #0066CC;} 

/* agregados por EPR */

#DisplayContenido {
	margin-left: 55px;
	float: left;
	width: 630px;
	height: 320px;
	overflow: auto;
	position: relative;
	font-size: 12px;
	top:15px;
}
#DisplayContenido h5 {
	color: #1C6733;
	font-size: 16px;
}	
#DisplayContenido p {
	font-size: 12px;
}

/*N*/
#top0 {
	background-image: url(images/h0.jpg);
	height: 4px;
	width: 955px;
}

#top1 {
	background-image: url(images/h1.jpg);
	height: 4px;
	width: 955px;
}

#top2 {
	background-image: url(images/h2.jpg);
	height: 4px;
	width: 955px;
}