@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body {
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	background-image: url(../images/fondo.jpg);
	background-repeat: repeat-x;
}
.top {
	width: 100%;
	height: 4px;
	background-color: #333333;
}
.header {
	width: 960px;
	height: 105px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
.logo {
	width: 350px;
	height: 94px;
	float: left;
	margin: 9px 0 0 0;
}
.contenedor-testimoniales {
	width: 450px;
	height: 94px;
	float: right;
	margin: 11px 0 0 0;
	overflow: hidden;
}
.contenedor-slide-principal {
	width: 960px;
	height: 280px;
	margin: 0 auto;
	background-color: #FFF;
}
#contenedor_slider {
	width: 634px;
	height: 297px;
	float: left;
	margin: -44px 0 0 0;
}
.texto_principal_inicio {
	width: 260px;
	height: 218px;
	float: right;
	margin: 62px 13px 0 0;
	background-image: url(../images/fondo_texto_principal.jpg);
	background-repeat: no-repeat;
	padding: 0 12px 0 22px
}
.contenedor-banner-inicio {
	width: 960px;
	height: 146px;
	margin: 0 auto;
	background-color: #FFF;
}
.banner-contenedor {
	width: 300px;
	height: 102px;
	float: left;
}
.banner-separador {
	float: left;
	width: 30px;
	height: 102px;
}
.banner-imagen-contenedor {
	width: 149px;
	height: 102px;
	float: left;
	overflow: hidden;
}
.banner-texto-contenedor {
	width: 151px;
	height: 102px;
	background-color: #CE4115;
	float: left;
	overflow: hidden;
}
.footer {
	width: 960px;
	height: 52px;
	margin: 0 auto;
	background-color: #1A1A1A;
}
.mapa-sitio {
	width: 300px;
	height: 15px;
	margin: 35px 0 0 10px;
	float: left;
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
}
.mapa-sitio a {
	text-decoration: none;
	list-style: none;
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
}
.mapa-sitio a:hover {
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	color: #F45314;
}
.logo-manati {
	width: 30px;
	height: 15px;
	margin: 23px 0 0 0;
	float: left;
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
}
.redes-sociales {
	width: 159px;
	height: 44px;
	margin: 5px 2px 0 0;
	float: right;
}
a.facebook {
	width: 43px;
	height: 44px;
	background: url(../images/redes-sociales.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	float: left;
}
a.facebook:hover {
	background: url(../images/redes-sociales.png) no-repeat 0 -44px;
}
a.twiter {
	width: 43px;
	height: 44px;
	background: url(../images/redes-sociales.png) no-repeat -43px 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	float: left;
}
a.twiter:hover {
	background: url(../images/redes-sociales.png) no-repeat -43px -44px;
}
a.youtube {
	width: 43px;
	height: 44px;
	background: url(../images/redes-sociales.png) no-repeat -86px 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	float: left;
}
a.youtube:hover {
	background: url(../images/redes-sociales.png) no-repeat -86px -44px;
}
.fijo {
	position: fixed;
	top: 0;
}
/**************************************/
.titulos {
	width: 622px;
	height: 50px;
	margin: -44px 0 0 0;
	padding: 35px 0 0 12px;
	background-image: url(../images/fondo_titulos.png);
	background-repeat: no-repeat;
	float: left;
}
.titulos_encabezado {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #FFF;
	margin: 0;
	padding: 0;
}
.em-inicio {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.814em;
	color: #CE4115;
	font-style: italic;
	margin: 0;
	padding: 0;
}
.strong {
	font-family: 'Open Sans', sans-serif;
	color: #CE4115;
	margin: 0;
	padding: 0;
}
.strong2 {
	font-family: 'Open Sans', sans-serif;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}
.p-inicio {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.750em;
	color: #333333;
	text-align: justify;
	line-height: 1.250em;
}
.p-testimoniales {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.750em;
	color: #9E9E9E;
	text-align: justify;
}
/*Acerca de Super Sippers*/
.contenedor-acerca_de {
	width: 960px;
	height: 390px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
.quienes_somos {
	width: 400px;
	height: 300px;
	margin: 0 0 0 0px;
	padding: 0 12px 0 12px;
	float: left;
}
.contenedor-mision-vision {
	width: 516px;
	height: 250px;
	float: right;
	margin: 56px 0 0 0;
	padding: 0 0 0 0;
}
.titulos_mision_vision {
	width: 508px;
	height: 23px;
	padding: 3px 0 0 8px;
	background-color: #CE4115;
	background-image: url(../images/banner-silueta.png);
	background-repeat: no-repeat;
	background-position: right;
}
.texto_mision_vision {
	width: 470px;
	height: 90px;
	background-color: #FFF;
	padding: 0 4px 0 4px;
}
/*Servicios*/
.contenedor-servicios-super {
	width: 960px;
	height: 1530px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
.contenedor_menu_servicios {
	width: 224px;
	height: 1489px;
	padding: 0 0 0 0;
	float: left;
	background-color: #F3F3F3;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}
.contenedor_servicios {
	width: 736px;
	height: 445px;
	padding: 0 0 0 0;
	float: left;
}
.texto_servicios {
	width: 424px;
	height: 155px;
	float: left;
	padding: 0 12px 0 12px;
	margin: 25px 0 20px 0;
}
.imagen_servicios {
	width: 264px;
	height: 155px;
	float: right;
	padding: 5px;
	margin: 25px 6px 20px 0;
	border: solid 1px #E9E9E9;
}
.separacion_servicios {
	height: 1px;
	background-color: #E9E9E9;
	clear: both;
	margin: 0 12px 0 12px
}

/********CONTACTO********/
.contenedor-contacto {
	width: 960px;
	height: 390px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

.fondo_contacto {
	width: 426px;
	height: 30px;
	background-color: #CE4115;
	background-image: url(../images/banner-silueta.png);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.link_contacto a {
	text-decoration: none;
	list-style: none;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	color: #F45314;
}
.link_contacto a:hover {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	color: #36F;
}
/*****************Menu Servicios************************/	
ul.menu_servicios, ul.menu_servicios ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu_servicios li {
	padding: 0;
	text-align:left;
	list-style: none;
	
}
.menu_servicios li a {
	display: block;
	height:20px;
	list-style: none;
	text-decoration: none;
	outline: none;
	padding-top: 10px;
	padding-left: 32px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #333333;
	background: url(../images/fondo_menu_servicios.png) no-repeat 0 0 ;
	overflow: hidden;
	
}
.menu_servicios li a:hover {
	color: #F45314;
	text-decoration: none;
	background: url(../images/fondo_menu_servicios.png) no-repeat 0 -30px;
}
.menu_servicios li a.active {
	color: #F45314;
	text-decoration: none;
	background: url(../images/fondo_menu_servicios.png) no-repeat 0 -30px;
}
.menu_servicios li a.active:hover {
	color: #F45314;
	text-decoration: none;
	background: url(../images/fondo_menu_servicios.png) no-repeat 0 -30px;
}

/*****************Menu************************/	
.contenedor-nav {
	width: 960px;
	height: 103px;
	background-color: #60636A;
	margin: 0 auto;
	border-bottom: solid 2px #F45314;
}
ul#nav, ul#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav li {
	float: left;
	margin-left: 24px;
	padding: 0;
	text-align: center;
	list-style: none;
}
#nav li a {
	display: block;
	height: 20px;
	list-style: none;
	text-decoration: none;
	outline: none;
	padding-top: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#nav li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#nav li a.active {
	display: block;
	height: 20px;
	list-style: none;
	outline: none;
	padding-top: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
#nav li a.active:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* Sub nivel Navegador */
ul#nav li ul {
	display: block;
	background: #F2F2F2;
	margin: 0 0 0 0;
	padding: 0 10px 0;
	width: 245px;
	position: absolute;
	z-index: 998;
}
ul#nav li ul li {
	display: block;
	float: none;
	padding: 6px 0;
	text-align: left;
	margin: 0 0 0 0;
	width: 240px;
	background: #F2F2F2;
	z-index: 999;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 14px;
}
ul#nav li ul li a {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	list-style: none;
	width: 100%;
	padding: 0;
	height: 12px;
}
ul#nav li ul li a:hover {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #F45314;
	background: none;
	text-decoration: none;
}




/*****************FIN Menu************************/