@charset "utf-8";
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	background: url(../images/bg.jpg) repeat-x #014a7f;
	margin: 0px;
	padding: 0px;
}

#wrapper{
	display:block;
	width:819px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	min-height:500px;
}
/* 
	Logo y secciones arriba del encabezado
*/
#logo{
	width:250px;
	height:120px;
	display:block;
	position:relative;
	float:left;
	background:url(../images/img_001.jpg) no-repeat;
}

#logo-sep{
	width:50px;
	height:120px;
	display:block;
	position:relative;
	float:left;
	background:url(../images/img_002.jpg) no-repeat;
}
#logo-slogan{
	width:290px;
	height:120px;
	display:block;
	position:relative;
	float:left;
	background:url(../images/img_003.jpg) no-repeat;
}
#logo-enlaces{
	width:229px;
	height:70px;
	display:block;
	position:relative;
	float:left;
	text-align:center;
	padding-top:48px;
}
#logo-enlaces a{
	text-decoration:none;
	color:#3cecf6;
}
#logo-enlaces a:hover{
	text-decoration:underline;
}

#logo-enlaces .home{
	display:block;
	float:left;
	height:17px;
	width:auto;
	background:url(../images/home.png) no-repeat center left;
	padding-left:21px;
	padding-top:5px;
}

#logo-enlaces .contact{
	display:block;
	float:left;
	height:17px;
	width:auto;
	background:url(../images/contact.png) no-repeat center left;
	padding-left:19px;
	padding-top:5px;
	margin-left:10px;
}

/* 
	Termina Logo y secciones arriba del encabezado
*/
/* 
	Menu principal
*/
#wrap-menu{
	width:278px;
	height:210px;
	display:block;
	position:relative;
	float:left;
}


#navMenu{
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 5;
}

#navMenu li{
	float: left;
	display: inline;
}

a.btnPrincipal, a.btnPrincipal_a{
	display:inline;
	float:left;
	width:278px;
	height:30px;
	background: url("../images/btn_principal_off.jpg");
	background-repeat:no-repeat;
}

a.btnPrincipal:hover, a.btnPrincipal_a{

	background: url("../images/btn_principal_on.jpg");
}

a.btnCorporativo, a.btnCorporativo_a{
	display:inline;
	float:left;
	width:278px;
	height:30px;
	background: url("../images/btn_corporativo_off.jpg");
	background-repeat:no-repeat;
}

a.btnCorporativo:hover, a.btnCorporativo_a{

	background: url("../images/btn_corporativo_on.jpg");
}

a.btnProductos, a.btnProductos_a{
	display:inline;
	float:left;
	width:278px;
	height:30px;
	background: url("../images/btn_productos_off.jpg");
	background-repeat:no-repeat;
}

a.btnProductos:hover, a.btnProductos_a{

	background: url("../images/btn_productos_on.jpg");
}

a.btnServicios, a.btnServicios_a{
	display:inline;
	float:left;
	width:278px;
	height:30px;
	background: url("../images/btn_servicios_off.jpg");
	background-repeat:no-repeat;
}

a.btnServicios:hover, a.btnServicios_a{

	background: url("../images/btn_servicios_on.jpg");
}

a.btnProyectos, a.btnProyectos_a{
	display:inline;
	float:left;
	width:278px;
	height:30px;
	background: url("../images/btn_proyectos_off.jpg");
	background-repeat:no-repeat;
}

a.btnProyectos:hover, a.btnProyectos_a{

	background: url("../images/btn_proyectos_on.jpg");
}

a.btnNoticias, a.btnNoticias_a{
	display:inline;
	float:left;
	width:278px;
	height:30px;
	background: url("../images/btn_noticias_off.jpg");
	background-repeat:no-repeat;
}

a.btnNoticias:hover, a.btnNoticias_a{

	background: url("../images/btn_noticias_on.jpg");
}

a.btnContactenos, a.btnContactenos_a{
	display:inline;
	float:left;
	width:278px;
	height:30px;
	background: url("../images/btn_contactenos_off.jpg");
	background-repeat:no-repeat;
}

a.btnContactenos:hover, a.btnContactenos_a{

	background: url("../images/btn_contactenos_on.jpg");
}
/* 
	Termina Menu principal
*/

#wrap-slider{
	width:541px;
	height:210px;
	display:block;
	position:relative;
	float:left;
	background:url(../images/bg_slider.jpg) no-repeat;
}

#wrap-contenido{
	width:809px;
	height:auto;
	display:block;
	position:relative;
	padding:5px;
	background:#1e528b;
	float:left;
}

#wrap-contenido h2{
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size:24px;
	display:block;
	border-bottom:1px solid #D5DEF4;
	padding:0px;
	margin:0px;
}

#wrap-contenido h3{
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size:18px;
	display:block;
	border-bottom:1px solid #D5DEF4;
	padding:0px;
	margin:0px;
}

#wrap-footer{
	width:809px;
	height:30px;
	padding:10px 5px 10px 5px;
	display:block;
	position:relative;
	float:left;
	background:#163e69;
	text-align:center;
}

#wrap-footer a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#wrap-footer a:hover{
	text-decoration:underline;
}

.contenido{
	width:503px;
	height:auto;
	display:block;
	float:left;
	position:relative;
	margin-right:25px;
	margin-left:25px;
	text-align:justify;
}

.columna-r{
	width:251px;
	height:auto;
	display:block;
	float:left;
	position:relative;
}

.columna-s{
	width:589px;
	height:auto;
	display:block;
	float:left;
	position:relative;
	padding:10px 110px 10px 110px;
}

.columna-s a{
	color:#FC0;
	text-decoration:none;
}

.columna-s a:hover{
	color:#FC0;
	text-decoration:underline;
}

.button a {
    background: #0B5B60;
    margin: 10px 100px;
    opacity: 1;
    outline: medium none;
    padding: 5px ;
    text-align: center;
    text-decoration: none;
    display: block;
    line-height: 50px;
    background: #599BDC;
    background: -webkit-linear-gradient(top,  #ff0000, #8a0404); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #ff0000, #8a0404); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #ff0000, #8a0404); /* opera */
    background:     -ms-linear-gradient(top,  #ff0000, #8a0404); /* IE10 */
    background:         linear-gradient(top,  #ff0000, #8a0404); /* css3 */  
    border: 1px solid #8a0404;
    color: #FFFFFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);    
    border-radius: 5px;
}
.button a:hover {
    background: #3072B3;
    background: -webkit-linear-gradient(top,  #8a0404, #ff0000); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #8a0404, #ff0000); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #8a0404, #ff0000); /* opera */
    background:     -ms-linear-gradient(top,  #8a0404, #ff0000); /* IE10 */
    background:         linear-gradient(top,  #8a0404, #ff0000); /* css3 */  
    box-shadow: 0 0 3px #8a0404;
}

.customFont {
    font-family: 'Pompiere', Verdana, cursive;
    font-size: 18px;
}


.customFont14 {
    font-family: 'Pompiere', Verdana, cursive;
    font-size: 12px;
	font-weight:bold;
}


/** Coin Slider additional styles **/
.cs-buttons a {
    border-radius: 50%;
    background: #CCC;
    background: -webkit-linear-gradient(top,  #CCCCCC, #F3F3F3); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #CCCCCC, #F3F3F3); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #CCCCCC, #F3F3F3); /* opera */
    background:     -ms-linear-gradient(top,  #CCCCCC, #F3F3F3); /* IE10 */
    background:         linear-gradient(top,  #CCCCCC, #F3F3F3); /* css3 */      
}
a.cs-active {
    background: #599BDC;
    background: -webkit-linear-gradient(top,  #599BDC, #3072B3); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #599BDC, #3072B3); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #599BDC, #3072B3); /* opera */
    background:     -ms-linear-gradient(top,  #599BDC, #3072B3); /* IE10 */
    background:         linear-gradient(top,  #599BDC, #3072B3); /* css3 */  
    border-radius: 50%;    
    box-shadow: 0 0 3px #518CC6;   
    border: 1px solid #3072B3 !important;     
}

 #navproductos{
	 margin-left:35px;
 }

 #navproductos ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navproductos a
{
display: block;
color: #FFF;
background-color: #036;
width: 190px;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}

#navproductos li li a
{
display: block;
color: #FFF;
background-color: #69C;
width: 190px;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}

#navproductos li li a:hover
{
background-color: #369;
color: #FFF;
}

#double ul{
	width:503px;
	margin-bottom:20px;
	overflow:hidden;
}
#double li{
	width:200px;
	float:left;
	display:block;
	margin-right:5px;
}

#double img{
	border:1px solid #09C;
}

#wrapper-inicio{
	width:569px;
	height:294px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:10%;
	background:url(../images/intro.png) no-repeat center center;
}

#wrapper-inicio a{
	display:block;
	width:135px;
	height:31px;
	/* background:#000; */
	position:absolute;
	top:213px;
	left:253px;
}

#wrapper-inicio a:hover{
	background:url(../images/btn_intro_hover.png) no-repeat;
}