@charset "utf-8";
/* CSS Document */
/*Powered By: Aarón Rodríguez*/
/*Fecha:10/Junio/2013*/

html, body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;	
}
#background{
	position:absolute;  
	width:100%; 
	height:100%;
	z-index:0;
}
#scroller{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:auto; 
	z-index:1;
/*	border:1px solid #FFF;*/
}
#header{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:265px;
/*	border:1px solid #FFF;*/
}
#header-content{
	position:absolute;
	width:100%;
/*	width:800px;
	left:50%;
	margin-left:-400px;
/*	border:1px solid #FFF;*/
}
#logo{
	position:relative;
	width:800px;
	left:50%;
	margin-left:-400px;
/*	border:1px solid #FFF;*/
}
#socialmedia{
	position:relative;
	top:-60px;
	float:right;
	z-index:10;
/*	border:1px solid #FFF;*/
}
#containers{
	position:relative;
	width:100%;
	height:605px;
	top:0px;
	left:0px;
/*	z-index:5;*/
/*	border:1px solid #FFF;*/
}
#content{
	position:absolute;
	top:0px;
	width:800px;
	left:50%;
	margin-left:-400px;
	height:570px;
	overflow:hidden;
/*	z-index:2;*/
/*	border:1px solid #0F0;*/
}
#footer{
	position:relative;
	width:100%;
	height:90px;
	background:rgba(0,0,0,0.8);
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
/*	z-index:4;*/
/*	border:1px solid #0F0;*/
}
#footer-content{
	position:absolute;
	top:0px;
	width:800px;
	left:50%;
	margin-left:-400px;
	text-align:center;
/*	border:1px solid #FFF;*/
}
#menu{
	position:relative;
	top:30px;
}
#menu hr{
	position:absolute;
	width:100%;
	left:0px;
	right:0px;
	margin-top:0px;
/*	margin-right:-30%;
	margin-left:-30%;*/
}
#menu ul{
	position:relative;
	top:0px;
	width:800px;
	left:50%;
	margin-left:-400px;
	/*margin:0px;*/
	padding:0px;
	list-style-type:none;
}
#menu ul li{
	position:relative;
	display:inline;
	text-align:center;
	margin:-4px;
}
#menu ul li a img{
	position:relative;
	float:left;
	z-index:2;
/*	border:1px solid #999;*/
}
#menu ul li a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:capitalize;
	color:#FFF;
}
#menu ul li a div{
	position:relative;
	width:160px;
	margin:0px;
	margin-left:-160px;
	margin-top:10px;
	float:left;
	text-align:center;
	z-index:3;
/*	border:1px solid #999;*/
}


/*********************************************
**********************************************
Inicia estilo del contenedor
*********************************************
*********************************************/
#izq{
	position:relative;
	width:150px;
	float:left;
/*	border:1px solid #CCC;*/
}
#menu_izq{
	position:absolute;
	margin:0px;
	top:0px;
	left:0px;
/*	border:1px solid #FFF;*/
}
#menu_izq ul{
	margin:0px;
	padding:0px;
}
#menu_izq ul li{
	width:150px;
	height:45px;
	margin:0px;
	padding:0px;
	text-align:center;
	margin-top:3px;
	border:0px;
/*	border:1px solid #FFF;*/
}
#menu_izq ul li a{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	border:0px;
	outline:0px;
}
#menu_izq ul li div{
	position:relative;
	padding:0px 10px;
	line-height:10px;
	height:35px;
	margin-top:-45px;
/*	border:1px solid #0F0;*/
}
#menu_izq ul li div:active{
	color:#CCC;
}
#der{
	position:relative;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:640px;
	float:right;
/*	border:1px solid #CCC;*/
}
#box{
	position:relative;
	top:0px;
	left:0px;
	padding:10px 25px;
	height:520px;
	background:rgba(255,255,255,0.8);
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-ms-border-radius:15px;
/*	border:1px solid #099;*/
}
.box_center{
	position:absolute;
	left:25px;
	right:25px;
	top:60px;
	bottom:25px;
	padding:10px;
	border:1px dashed #666;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-ms-border-radius:15px;
}
.box_center2,.box_center3,.box_center4,.box_center5,.box_center6,.box_center7,.box_center8{
	position:absolute;
	background-repeat:no-repeat;
	background-position:center;
	left:25px;
	right:25px;
	top:60px;
	bottom:25px;
	padding:0px;
	border:1px dashed #666;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-ms-border-radius:15px;
}
.box_center2{/*Nosotros*/
	background-image:url(../images/nosotros-01.jpg);
}
.box_center3{/*Mision*/
	background-image:url(../images/nosotros-02.jpg);
}
.box_center4{/*Vision*/
	background-image:url(../images/nosotros-03.jpg);
}
.box_center5{/*Valores*/
	background-image:url(../images/nosotros-04.jpg);
}
.box_center6{/*Servicios*/
	background-image:url(../images/servicios-01.jpg);
}
.box_center7{/*Calendarios*/
	background-image:url(../images/calendarios-01.jpg);
}
.box_center8{/*Calendarios*/
	background-image:url(../images/facturas_electronicas.jpg);
}
p,h1,h2,h3,h4,.titulo{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
table.cotiza{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}
table.cotiza th{
	font-size:18;
	color:#666;
	font-weight:bold;
	text-align:center;
	border-bottom:1px dashed #666;
}
table.cotiza td{
	border-right:1px dashed #666;
	text-align:left;
}
h1{
	font-size:20px;
	color:#333;
/*	color:#029CEF;*/
}
p{ font-size:14px;}
h2{ 
	font-size:16px;
	color:#333;
}
.textointerno{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}
.titulos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
}
h3{
	font-size:18px;
	color:#666;
}
ul.importante li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style-type:none;
}
ul.importante li ul li{
	list-style-image:url(../images/marca_registro2.png);
	margin-left:-40px;

}

.magenta{
	color:#cc0099;
}
.enfasis{
	font-size:36px;
	font-weight:bold;
	color:rgba(0,153,255,10);
}
ul.textointerno{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}
ul.textointerno li{
	list-style-image:url(../images/marca_registro.png);
	left:10px;
	font-size:26px;
	margin-left:10px;
	line-height:50px;
}
ul.textointerno li div{
	position:absolute;
	height:50px;
/*	list-style-image:url(../images/marca_registro.png);
	left:10px;
	font-size:26px;
	margin-left:10px;
	line-height:50px;*/
}
.copyrigth{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}
#menu_footer{
	position:relative;
	margin:0px;
	top:0px;
	left:0px;
	z-index:1;
/*	border:1px solid #FFF;*/
}
#menu_footer ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#menu_footer ul li{
	display:inline;
	text-align:center;
	margin:0px;
	padding-right:3px;
/*	margin-top:-15px;*/
}
#menu_footer ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	text-transform:none;
	color:#FFF;
	outline:0px;
}
#menu_footer ul li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#F0DC02;
}
#menu_footer ul li.pipe{
	border-right:1px solid #FFF;
	padding-right:3px;
}
#powered{
	position:relative;
	margin-top:0px;
	width:100%;
	height:10px;
}
a.powered{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
}
.borde{
	background:none;
	border:1px dashed #333;
}
.marco{
	text-align:center;
	padding:5px;
	background-image:url(../images/b.png);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
}
.enmarcado{
	width:175px;
	height:150px;
	background-image:url(../images/marco.png);
	background-repeat:no-repeat;
}
hr{
	border-style:double;
	color:#FFF;
	z-index:5;
}
td.borde_inferior_fac_izq{
	width:300px;
	vertical-align:top;
	border-bottom:1px dashed #333;
}
td.borde_inferior_fac_der{
	vertical-align:top;
	border-bottom:1px dashed #333;
}
#scroll_interno_big{
	width:500px;
    height:400px;
    overflow:hidden;
	border:1px solid #000;
}
td.contacto{
	background-image:url(../images/contactenos.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
.valign{
	height:100%;
	vertical-align:middle;
	width:0px;
	border:0px;
}
/*
.t1 {
margin:0 auto;
width:400px;
height:80px;
border-style:solid;
border-width:10px;
}
.t2 {
display:block;
margin:0 auto;
width:0;
height:0;
border-style:solid;
border-width:10px;
}
.t3 {
display:block;
margin:0 auto;
width:0;
height:0;
border-style:solid;
border-width:60px;
}*/
.rectangulo {
	position:relative;
	float:right;
	display:table-cell;
	vertical-align:middle;
	width:260px;
	height:20px;
	padding:0px;
	padding-right:10px;
	background-color:rgba(102,102,102,0.7);
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
.corte1{
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	left:-20px;
	margin:0px 0px;
	width:0px;
	height:0px;
	height:0px;
	border-color:rgba(102,102,102,0.7) rgba(102,102,102,0.7) rgba(102,102,102,0) rgba(102,102,102,0);
	border-style:solid;
	border-width:10px;
}
.corte2{
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	right:260px;
	margin:0px 0px;
	width:0px;
	height:0px;
	height:0px;
	border-color:rgba(255,255,255,1) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0);
	border-style:solid;
	border-width:10px;
}
.corte3{
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	right:240px;
	margin:0px 0px;
	width:0px;
	height:0px;
	height:0px;
	border-color:rgba(256,255,255,0) rgba(256,255,255,0) rgba(256,255,255,1) rgba(256,255,255,1);
	border-style:solid;
	border-width:10px;
}
.corte4{
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	right:230px;
	margin:0px 0px;
	width:0px;
	height:0px;
	height:0px;
	border-color:rgba(255,255,255,1) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0);
	border-style:solid;
	border-width:10px;
}
.corte5{
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	right:210px;
	margin:0px 0px;
	width:0px;
	height:0px;
	height:0px;
	border-color:rgba(256,255,255,0) rgba(256,255,255,0) rgba(256,255,255,1) rgba(256,255,255,1);
	border-style:solid;
	border-width:10px;
}
.rectangulo2{
	position:relative;
	float:left;
	display:table-cell;
	vertical-align:middle;
	width:590px;
	height:20px;
	padding-left:70px;
	margin:-15px;
	background-color:rgba(102,102,102,0.7);
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.corte6{
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	left:-20px;
	margin:0px 0px;
	width:0px;
	height:0px;
	height:0px;
	border-color:rgba(102,102,102,0.7) rgba(102,102,102,0.7) rgba(102,102,102,0) rgba(102,102,102,0);
	border-style:solid;
	border-width:10px;
}
.corte7{
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	right:650px;
	margin:0px 0px;
	width:0px;
	height:0px;
	height:0px;
	border-color:rgba(255,255,255,.6) rgba(255,255,255,.6) rgba(255,255,255,0) rgba(255,255,255,0);
	border-style:solid;
	border-width:10px;
}
.corte8{
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	right:630px;
	margin:0px 0px;
	width:0px;
	height:0px;
	height:0px;
	border-color:rgba(256,255,255,0) rgba(256,255,255,0) rgba(256,255,255,.6) rgba(256,255,255,.6);
	border-style:solid;
	border-width:10px;
}
.corte9{
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	right:620px;
	margin:0px 0px;
	width:0px;
	height:0px;
	height:0px;
	border-color:rgba(255,255,255,.6) rgba(255,255,255,.6) rgba(255,255,255,0) rgba(255,255,255,0);
	border-style:solid;
	border-width:10px;
}
.corte10{
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	right:600px;
	margin:0px 0px;
	width:0px;
	height:0px;
	height:0px;
	border-color:rgba(256,255,255,0) rgba(256,255,255,0) rgba(256,255,255,.6) rgba(256,255,255,.6);
	border-style:solid;
	border-width:10px;
}
.pregunta{
	list-style-image:url(../images/p.png);
}
.respuesta{
	list-style-image:url(../images/r.png);
}
fieldset.promociones{
	border:double #666;
}
fieldset.promociones legend{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left;
}
fieldset.cotizacion{
	margin:0px 15px;
/*	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:1px dashed #666;*/
	border:0px;
/*	border:1px dashed #666;*/
}
div.back{
	position:absolute; 
	top:10px; 
	right:25px; 
}
.clear{
	clear:both;
}

/**********************************************
***********************************************
*
*Estilos de scroll interno
*Inicia
***********************************************
**********************************************/

/* Height & width for the container - The rest is done by the jQuery part. */
  div[rel='scrollcontent1'] { /*width: 100%;*/ height:430px;}
  
/* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
  .scrollcontent1-content {/* background: #eee;*/ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent1-bar { width: 10px; /*background: #fffeda;*/ border-radius: 4px; box-shadow: inset 0px 0px 5px #444444; overflow:hidden; }
  .scrollcontent1-drag { background-color:#666666; border-radius: 4px; cursor: pointer; }
  
  div[rel='scrollcontent2'] { /*width: 300px;*/ height: 430px; }
  
  /* Basic CSS for the elements - If rel is "scrollcontent2", style its scrollbar by referring to ".scrollcontent2-content", ".scrollcontent2-bar", etc. */
  .scrollcontent2-content { /*width: 999px; */} /* for horizontal content, width should be set to total width of all floated inner container elements */
  .scrollcontent2-bar { width:10px; /*background: #cccccc;*/ border-radius: 4px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }
  .scrollcontent2-drag { background-color:#666666; border-radius: 4px; cursor: pointer; }
  
  /* Not needed elements */
  #contentwrap { padding: 5px; border: 1px #444444 solid; display: block; width: 300px; border-radius: 10px; }
  .scrollcontent1-content p, .scrollcontent2-content p {margin:0; padding:0}

/***Termina scroll***/

/*=========================*/
/*=== GALERIA DEL INDEX ===*/
/*=========================*/

div.bgcarousel{ /* CSS for main carousel container */
background: black url(../images/ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:730px; /*602px*/ /* default dimensions of carousel */
height:359px; /*400*/
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.7;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color:#ffffff;
left: 0px;
top: 0px;
width:100%;
/*padding: 10px;*/
font: bold 16px sans-serif, Arial;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
background-color:rgba(0,0,0,0.6);
}

div.slide div.desc h2{
color:#ccc;
left:5px;
font-size:150%;
margin:0px 10px;
}

div.slide div.desc a{
/*color:yellow;*/
text-decoration:none;
}

/*==================================*/
/*=== TERMINA GALERIA DEL INDEX ===*/
/*================================*/