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

body{ font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0 auto;}

.contenedor-principal{width:990px; height:auto; margin:0 auto;}

.top{ float:left; position:relative; top: 10px;border:solid 1px #567eb9;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px; width:100%; height:133px; background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.72, rgb(232,232,232))
); margin: 0 auto;

background-image:url(images/background-imagetop.gif); background-repeat:repeat;  /*box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.80);*/}

.top .logo{ width:278px; height:110px; background-image:url(images/logo.png); float:left; position:relative; left:40px; top:10px;}
.top .fondo2{ width:405px; height:133px; background-image:url(images/fondo2top.png); float:left; position:relative; left:33px}

.top .contacto-background{ width:192px; height:82px; background-image: url(images/contacto-top.png); float: right; position:relative; top:30px; right:75px;}
.top .contacto-background .texto-contacto{ width:130px; height:82px; float: right; position:relative; color:#567eb9; text-align:center; font-size:11px; top:5px;}

.navigation {width:790px; height:165px; left:107px;  float:left; position:relative; top:30px; margin:0 auto;}
.navigation .boton1{width:107px; height:118px; background-image:url(images/btn-inicio.png); background-position: bottom; position:relative; float:left; top:3px; color:#666666}
.navigation .boton1 p{ width:107px; height:118px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#FFFFFF;}
/*.navigation .boton1:hover { background-position:top; top:3px;  color: #666666; -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;}

.navigation .boton1 p:hover{ color: #666666;  -webkit-transition: color 1.5s ease;
-moz-transition: color 1.5s ease;
-o-transition: color 1.5s ease;
transition: color 1.5s ease;}*/

.navigation .boton2{width:172px; height:118px; background-image:url(images/btn-servicios.png); background-position: top; position:relative; float:left; top:3px; color:#666666}
.navigation .boton2:hover { background-position: bottom; top:3px;  color: #666666; -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;}
.navigation .boton2 p{ width:172px; height:118px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#666666;}
.navigation .boton2 p:hover{ color: #ffffff;  -webkit-transition: color 1.5s ease;
-moz-transition: color 1.5s ease;
-o-transition: color 1.5s ease;
transition: color 1.5s ease;}

.navigation .boton3{width:171px; height:118px; background-image:url(images/btn-soporte.png); background-position: top; position:relative; float:left; top:3px; color:#666666}
.navigation .boton3:hover { background-position: bottom; top:3px;  color: #666666; -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;}
.navigation .boton3 p{ width:171px; height:118px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#666666;}
.navigation .boton3 p:hover{ color: #ffffff;  -webkit-transition: color 1.5s ease;
-moz-transition: color 1.5s ease;
-o-transition: color 1.5s ease;
transition: color 1.5s ease;}

.navigation .boton4{width:107px; height:118px; background-image:url(images/btn-clientes.png); background-position:top; position:relative; float:left; top:3px; color:#666666}
.navigation .boton4:hover { background-position: bottom; top:3px;  color: #666666; -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;}
.navigation .boton4 p{ width:107px; height:118px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#666666;}
.navigation .boton4 p:hover{ color: #ffffff;  -webkit-transition: color 1.5s ease;
-moz-transition: color 1.5s ease;
-o-transition: color 1.5s ease;
transition: color 1.5s ease;}


.navigation .boton6{width:105px; left:5px; height:118px; background-image:url(images/btn-contactos.png); background-position:top; position:relative; float:left; top:3px; color:#666666}
.navigation .boton6:hover { background-position: bottom; top:3px;  color: #666666; -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;}
.navigation .boton6 p{ width:107px; height:118px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#666666;}
.navigation .boton6 p:hover{ color: #ffffff;  -webkit-transition: color 1.5s ease;
-moz-transition: color 1.5s ease;
-o-transition: color 1.5s ease;
transition: color 1.5s ease;}





.navigation .boton5{width:121px; height:118px; background-image: url(images/fondo-facebook-like.png); position:relative; left:10px; float:left; top:3px; color:#666666}
.navigation .boton5 .fb-like { float:left; position:relative; top:20px; width:87px; left:25px; height:70px; overflow:visible;}
.navigation .boton5 p{ width:124px; height:23px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#666666;}
.navigation .boton5 .image{ background:url(images/face2.png); margin:0; width:72px; height:54px; position:relative; float:left; padding:0; left:25px}
.navigation .boton5 .image:hover{ margin:0; position:relative; float:left; padding:0; left:25px; background:url(images/face2-hover.png);}




/*slider styles */
#slider_container_1 { margin:0 auto; padding: 10px; width:990px; position:relative; float:left; }

#SliderName{width: 750px;height: 354px;margin: auto;}

.SliderNamePrev{background: url(img/left.png) no-repeat center center;width: 24px;height: 24px;display: block;position: absolute;top: 138px;left: 10px;text-decoration: none;}

.SliderNameNext{
	background: url(img/right.png) no-repeat center center;
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 138px;
	right: 10px;
	text-decoration: none;
}

.SliderNameDescription{
	font-family:Helvetica;
	font-size: 11px;
	text-align:center;
	padding: 5px;
	position:relative;
	top:17px;
}

#SliderNameNavigation { 
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    height: 27px;
    margin-top: 15px;
    text-align: center;}

#SliderNameNavigation a:link, #SliderNameNavigation a:active, #SliderNameNavigation a:visited, #SliderNameNavigation a:hover{

	background:url(img/nav.gif) no-repeat center center;
	font-size: 0px;
	line-height: 0px;
	padding: 12px;
	text-decoration: none;
}

#SliderNameNavigation a.active:link, #SliderNameNavigation a.active:active, #SliderNameNavigation a.active:visited, #SliderNameNavigation a.active:hover{
	background: url(img/nav_active.gif) no-repeat center center;
}

.footer{ width:100%; height:86px; float:left; position:relative;}

.footer .footer-line{ width:100% ; height:24px; float:left; position:relative; background-color:#567eb9; -moz-border-radius-topleft: 6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px; width:100%; height:28px; background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%)}

.footer .logos1 {width:257px; height:29px; top:8px; position:relative; background-image:url(images/marcas1.jpg); float:left; left:131px;}

.footer .footer-square{ width:208px; height:45px; left:137px; float:left; position:relative; background-color:#567eb9;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px; background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%)}

.footer .footer-square .facelogo{ width:89px; left:65px; height:35px; position:relative; float:left; background-image:url(images/face-logo.png);}
.footer .logos2 {width:248px; height:35px; top:8px; position:relative; background-image:url(images/marcas2.jpg); float:left; left:151px;}