@charset "utf-8";
body {
	font-size: 16px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Open Sans', sans-serif;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	color: #666666;
}
#dummydivsup {
	display: block;
	height: 120px;
}

#slidercontenedor {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 1100px;
	padding-top: 25px;
}
#bottom {
	background-color: #4b4b4d;
	display: block;
	font-size: 14px;
	text-align: center;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #666666;
	clear: both;
}
#bottom a {
	text-decoration: none;
	color: #999999;
}
#bottom a:hover {
	color: #FFFFFF;
}


#contenido {
	display: block;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	margin-top: 100px;
	margin-bottom: 25px;
}
#contenido #dummycontenido {
	display: block;
	clear: both;
}
#titulos {
	color: #4b4b4d;
	font-size: 32px;
	line-height: 48px;
	font-weight: bold;
	margin-bottom: 25px;
}

#contenido #left {
	display: block;
	padding: 25px;
	width: 800px;
	line-height: 28px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E8E8E8;
	float: left;
	text-align: justify;
}
#btnlink {
	display: block;
	line-height: 40px;
	text-align: center;
	background: -webkit-linear-gradient(#3b5998, #5d6aa1);
	background: -moz-linear-gradient(#3b5998, #5d6aa1);
	background: -o-linear-gradient(#3b5998, #5d6aa1);
	padding-right: 25px;
	padding-left: 25px;
	float: left;
	clear: both;
	color: #FFFFFF;
	text-decoration: none;
}
#btnlink:hover {
   background: -webkit-linear-gradient(#555, #4b4b4d);
   background: -moz-linear-gradient(#555, #4b4b4d);
   background: -o-linear-gradient(#555, #4b4b4d);	
}

.clienteind {
	display: block;
	width: 258px;
	margin-bottom: 15px;
	float: left;
	border: 1px solid #CCCCCC;
	line-height: 80px;
	text-align: center;
   background: -webkit-linear-gradient(#fff, #ddd);
   background: -moz-linear-gradient(#fff, #ddd);
   background: -o-linear-gradient(#fff, #ddd);	
}
.clienteind:hover {
	color: #FFFFFF;
   background: -webkit-linear-gradient(#555, #4b4b4d);
   background: -moz-linear-gradient(#555, #4b4b4d);
   background: -o-linear-gradient(#555, #4b4b4d);	
cursor: crosshair;   	
}
.clienteinddummy {
	display: block;
	width: 10px;
	margin-bottom: 15px;
	float: left;
	text-align: center;
	height: 80px;
}
#contenido #right {
	display: block;
	float: right;
	width: 200px;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 24px;
	font-size: 12px;
	text-align: center;
}
#centrar {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 120px;
}

.imgcir {
	-moz-border-radius-bottomleft:1000px;
	-webkit-border-bottom-left-radius:1000px;
	border-bottom-left-radius:1000px;
	-moz-border-radius-topleft:1000px;
	-webkit-border-top-left-radius:1000px;
	border-top-left-radius:1000px;
	-moz-border-radius-bottomright:1000px;
	-webkit-border-bottom-right-radius:1000px;
	border-bottom-right-radius:1000px;
	-moz-border-radius-topright:1000px;
	-webkit-border-top-right-radius:1000px;
	border-top-right-radius:1000px;
	-moz-box-shadow:0 0 4px #cccccc;
	-webkit-box-shadow:0 0 4px #cccccc;
	box-shadow:0 0 4px #cccccc;
	border: 2px solid #cccccc;
}
.rightbolds {
	font-size: 22px;
	color: #3b5998;
}






#header {
	display: block;
	height: 120px;
	width: 100%;
	background-color: #CCCCCC;
	position:fixed;
	z-index:10000;
}
#header_content {
	height: 120px;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
#header_logo {
	display: block;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#header_menu {
	display: block;
	float: right;
}
/**MENU**//**MENU**//**MENU**//**MENU**//**MENU**//**MENU**//**MENU**//**MENU**//**MENU**//**MENU**/
#menu{
	/*estilo de nuestra lista*/
	list-style:none;
	width:auto;
	position:relative;
	display:block;
	margin: 0px;
}
#menu li{
/*estilo a cada uno de los elementos(li) de nuestro menu*/
float:left;/* propiedad importante para que nuestro menu tome la forma horizontal*/
display:block;
position:relative;
}
#menu li a{
	/*estilo de los enlaces */
color:#3B5998;
	text-decoration:none;
	font-size:20px;
	display:block;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 30px;
	padding-top: 0px;
	line-height: 60px;
  -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;		
}
#menu li a:hover {
	color: #333333;
	padding-right: 30px;
	padding-left: 30px;
  -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;		
}
#menu   #sel   {
	background-color: #3B5998;
	color: #FFFFFF;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-right-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;	
}

#menu li ul{
	/*estilo de los submenus*/
	width:auto;
	background:#eeeeee;
	border:1px solid #3b5998;
	display:none; /*importante para que los submenus no estén visibles*/
	position:absolute;
	z-index:999;
	margin-top:0px;
	padding: 0px;
}

#menu li ul li{
/*estilo a cada uno de los elementos(li) de nuestro submenu*/
width:100%;
list-style:none;
display:block;
}
#menu li ul li a{
	/*estilo a cada uno de los enlaces de nuestro submenu*/
	color:#3b5998;
	font-size:15px;
	line-height:38px;
	display:block;
	text-indent: 0px;
	text-shadow: 1px 1px 1px #eeeeee;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 180px;
	margin: 0px;
}
#menu li ul li a:hover{
	/*un poco de decoracion a los enlaces de nuestro submenu al estar el cursor sobre ellos con ayuda de el selector :hover */
background-color:#4b4b4d;
	color:#fff;
	text-decoration:none;
	text-shadow: 1px 1px 1px #222222;	
}
#menu li:hover ul{
/*con este selector definimos que cuando el cursor este sobre un elemento(li) que contenga un elemento(ul) dentro le asigne la propiedad display:block; para que este a su vez pase de invisible a visible*/
display:block;
}
/**MENU**//**MENU**//**MENU**//**MENU**//**MENU**//**MENU**//**MENU**//**MENU**//**MENU**//**MENU**/
/* ESTILOS DEL SLIDESHOW */
 
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
 
 
.bjqs-caption{
color:black;
background:whitesmoke;
opacity:.75;
}
 
/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
ol.bjqs-markers{
margin-top:25px;
}
ol.bjqs-markers li a{
padding: 5px 10px;
background: #3b5998;
color: #fff;
margin: 5px;
text-decoration: none;
transition:background .5s ease;
-webkit-transition:background .5s ease;
-moz-transition:background .5s ease;
-o-transition:background .5s ease;
}
li.active-marker a, ol.bjqs-markers li a:hover{
background:gray!important;
}
 
/* CONTROLES ATRAS Y ADELANTE */
ul.bjqs-controls.v-centered li a {
display: block;
padding: 10px;
background: whitesmoke;
color: #000;
text-decoration: none;
opacity:.75;
 
transition:color .5s ease, background .5s ease;
-webkit-transition:color .5s ease, background .5s ease;
-moz-transition:color .5s ease, background .5s ease;
-o-transition:color .5s ease, background .5s ease;
}
ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}
/* ESTILOS DEL SLIDESHOW */
.fixed {
	position: fixed;
	width:200px;
	top: 130px; 
	height: 70px; 
	z-index: 1;
}

#formulario td {
	font-size: 11px;
	color: #666666;
}
#formulario input {
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-size: 14px;
	color: #333333;
	width: 250px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-right-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;
	-moz-box-shadow:0 0 4px #cccccc;
	-webkit-box-shadow:0 0 4px #cccccc;
	box-shadow:0 0 4px #cccccc;
	margin-top: 5px;
	background-image: url(images/bgmailbox.jpg);
	background-position: center;
}
#formulario input[type='text']:focus{
	outline: none;
	box-shadow:0 0 0 3px #333333;
}
#formulario #verifica {
	width: 100px;
	border-top-color: #CC0000;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #CC0000;
	font-weight: bold;
	color: #CC0000;
}
#formulario #enviar {
	width: 100px;
	background-image: url(images/bgboton.jpg);
	background-repeat: repeat-x;
	background-position: center;
	color: #FFFFFF;
}
#backcolortd {
	background-color: #eeeeee;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#formusuario input {
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding: 3px;
	margin-left: 10px;
}