
html {
	margin:0px;
	padding: 0px;
	border: 0px;
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding:0px;
	background: url(../images/bg_body.png) top left repeat-x #E0DFDE;
	color: #444;
}

nav, ul, li, a  {margin: 0; padding: 0;}

table {
	font-size: 10px;
}

img {
	border: 0px;
}

p {
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

input {
	margin: 0px;
	font-size: 11px;
	padding: 3px 2px 3px 2px;
	font-family:Arial, Helvetica, sans-serif;
}

/*
input[type="text"]{
	color: #336699;
}
*/

textarea {
	margin: 0px;
	font-size: 10.5px;
	padding: 3px 0px 3px 3px;
	font-family:Arial, Helvetica, sans-serif;
}

select {
	margin: 0px;
	font-size: 11px;
}

form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h1 {
	font-size: 16px;
	color: #024D36;
	height: 21px;
	line-height: 21px;
	margin: 0px;
	font-weight: bold;
	background:url(../images/icon_title.png) top left no-repeat;
	padding: 0px 0px 0px 33px;
}

h1 span {
	color: #024D36;
}

.amarillo {
	color: #C78C01;
}

.lista_center {
	background: url("../images/foot_list.png") top left no-repeat;
	padding: 0px 0px 8px 10px;
}

.clientes {
	
	float: left;
	margin: 0px 0px 5px 28px;
}


h2 {
	font-size: 12px;
	color: #007EB2;
	height: 32px;
	line-height: 32px;
	margin: 0px;
	background:url(../images/icon_title2.png) top left no-repeat;
	padding: 0px 0px 0px 18px;
	float:left;
}

/************************************
*           ESTRUCTURA WEB          *
************************************/

.header {
	height: 112px;
}

.header_wrapper {
	margin: 0px auto;
	width: 1000px;
	text-align: left;
}

.header_top {
	height: 26px;
	line-height: 26px;
	color: #033420;
}

.header_top_left {
	float: left;
	padding-left: 7px;
}

.header_top_right {
	float: right;
}

.header_top_right a {
	color: #033420;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
}

.header_top_right a:hover {
	color: #096;
	
}

.header_foot {
	height: 86px;
	position: relative;
}

.logo {
	width: 296px;
	height: 105px;
	position: absolute;
	top: 0px;
	left: -17px;
	background:url(../images/logo.png) top left no-repeat;
}

.banner {
	/*height: 408px;*/
	height: 367px;
	background:url(../images/bg_banner.png) top center no-repeat;
	padding: 41px 0px 0px 0px;
}

.banner_wrapper {
	width: 1000px;
	margin: 0px auto;
}

.banner_left {
	float: left;
	width: 261px;
}

.banner_left_item {	
	height: 45px;
	line-height: 45px;
	color: #FFF;
	font-size: 17px;
	text-transform: uppercase;
	padding: 0px 0px 0px 26px;
	position: relative;
	-webkit-border-radius: 21px; /* Para Safari y Chrome */
	-moz-border-radius: 21px; /* Para Firefox */
	-khtml-border-radius: 21px; /* Navegadores de Linux */
	border-radius: 21px; /* CSS3 */
	behavior: url(Pie/PIE.htc);
}

.banner_left_item a {	
	color: #FFF;
	text-decoration: none;
}

.banner_left_item a:hover {	
	color: #FFF;
	text-decoration: underline;
}


.bg_item {
	background:url(../images/bg_item.png) bottom center no-repeat;
	padding: 0px 0px 20px 0px;
}

.redes {
	text-align: right;
}

.redes a {
	display: block;
	float: right;
	padding: 0px 0px 0px 10px;
}

.color_1 {
	background: #FBB40C;
}

.color_2 {
	background: #078C57;
}

.color_3 {
	background: #44BB8B;
}


.banner_right {
	float: right;
	background: #FFF;
	width: 708px;
	height: 333px;
	padding: 6px;
	position: relative;
	-webkit-border-radius: 8px; /* Para Safari y Chrome */
	-moz-border-radius: 8px; /* Para Firefox */
	-khtml-border-radius: 8px; /* Navegadores de Linux */
	border-radius: 8px; /* CSS3 */
	behavior: url(Pie/PIE.htc);
}

.box_logos {
	background:url(../images/box_logo.png) top center no-repeat;
	width: 338px;
	height: 68px;
	position: absolute;
	top: 7px;
	right: 7px;
	z-index: 1000;
	text-align: right;
	vertical-align: middle;
}

.box_logos div {
	display:inline-block;
	zoom:1;
	*display: inline;
	margin: 7px 10px 0px 0px;
}

.cuerpo{
	padding: 18px 0px 23px 0px;
	background:url(../images/bg_cuerpo.png) bottom center no-repeat;
	position: relative;
	z-index: 1;
}

.cuerpo_wrapper {
	background: #F3F3F3;
	width: 1000px;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	text-align: left;
	overflow: hidden;
	display: block;
	-webkit-border-radius: 8px; /* Para Safari y Chrome */
	-moz-border-radius: 8px; /* Para Firefox */
	-khtml-border-radius: 8px; /* Navegadores de Linux */
	border-radius: 8px; /* CSS3 */
	behavior: url(Pie/PIE.htc);
	z-index: 1;
}

.pilar {
	width: 241px;
	height: 293px;
	background: #CCCCCC; 
	float: left;
	display: inline;
	margin: 0px 0px 0px 7px;
	position:relative;
	background: url(../images/bg_pilar.png) bottom center no-repeat;
}

.pilar_title {
	font-size: 14px;
	color: #FFF;
	height: 24px;
	padding: 8px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	background: url(../images/pilar_title.png) top center no-repeat;
}

.pilar_img {
	padding: 5px;
	text-align: center;
}

.pilar_text {
	padding: 3px 8px 0px 8px;
	text-align:justify;
	height: 74px;
	line-height: 15px;
}

.btn_ingresa {
	text-align:right;
}

.btn_ingresa a{
	font-size: 12px;
	width: 89px;
	height: 24px;
	line-height: 22px;
	padding: 0px 0px 0px 3px;
	margin: 0px 10px 0px auto;
    background: url(../images/btn_ver.png) no-repeat top left;
	display:block;
	color:#ffffff;
	text-decoration: none;
	text-align:center;
}

.btn_ingresa a:hover {
	background: url(../images/btn_ver.png) no-repeat 0px -24px;
}

.contenido {
	display: block;
	padding: 5px 10px 10px 20px;
	clear: both;
}

.slider_2 {
	float: right;
	width: 620px;
	height: 320px;
	background: url(../images/bg_slider.png) top center no-repeat;
	text-align: center;
}

.slider_2item {
	background: #ccc;
	height: 223px;
	width: 420px;
	margin:  40px 0px 0px 55px;
}

.contenido_item {
	padding: 10px 25px 10px 25px;
	text-align: justify;
	line-height: 16px;
	overflow: hidden;
	display: block;
}

.contenido_item_left {
	float:left; 
	width:240px;
}

.contenido_item_right {
	float:right; 
	width:700px;
}

.contenido_tab {
	padding: 20px;
}

.contenido_tab div {
	padding:  0px 0px 5px 0px;
}

.contenido_tab_left {
	width: 320px;
	float: left;
}

.contenido_tab_right {
	width: 536px;
	background: url(../images/sombra_login.png) bottom center no-repeat;
	float: right;
	text-align: center;
}

.contenido_tab_right_item {
	background: #F4F4F2;
	width: 413px;
	height: 215px;
	margin: 0px auto 6px auto;
	padding: 10px !important;
}


.foot {
	background:url(../images/bg_foot.png) top left repeat-x #FFF;
	height: 60px;
	font-size: 11px;
	color: #666;
}

.foot_wrapper {
	width: 1000px;
	margin: 0px auto;
}

.foot_wrapper .email {
	float: right;
	background:url(../images/email.png) top left no-repeat;
	height: 22px;
	padding: 3px 0px 0px 40px;
	margin: 22px 20px 0px 0px;
}

.foot_wrapper .email a {
	color: #666;
	text-decoration: none;
}

.foot_wrapper .email a:hover {
	color: #000;
	text-decoration: none;
}


.foot_wrapper .telefono {
	float: right;
	background:url(../images/telf.png) top left no-repeat;
	height: 22px;
	padding: 6px 0px 0px 30px;
	margin: 20px 20px 0px 0px;
}

.foot_left {
	padding: 15px 0px 0px 20px;
	float: left;
}

.foot_left div {
	padding: 0px 0px 5px 0px;
}


.module_1 {
	float: left;
	width: 110px;
	text-align:right;
	margin: 0px 7px 0px 0px;
	display:inline;
	font-size:11px;
}

.module_2 {
	float: left;
	width: 250px;
	margin: 0px 7px 0px 0px;
	display:inline;
}

.spacing {
	height: 30px;
	line-height:30px;
	clear:both;
}

.spacing_area {
	height: 90px;
	clear:both;
}

.input_normal {
	height: 15px;
	border: 1px solid #BDBCBD;
	background:url(../images/bg_input_normal.png) top left repeat-x;
	margin: 4px 0px 0px 0px;
	width: 98%;
}

.input_normal_area {
	height: 75px;
	border: 1px solid #BDBCBD;
	background:url(../images/bg_input_normal.png) top left repeat-x;
	margin: 4px 0px 0px 0px;
	width: 98%;
}

.btn_enviar {
	float:right;
	border: none;
	font-size: 12px;
	width: 89px;
	height: 24px;
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px auto;
    background: url(../images/btn_ver.png) no-repeat top left;
	display:block;
	color:#ffffff;
	text-decoration: none;
	text-align:center;
	cursor: pointer;
}
.btn_enviar:hover {
	background: url(../images/btn_ver.png) no-repeat 0px -24px;
}


/************************************
*           MENU RESPONSIVE         *
************************************/

.menu_responsive {
    width: 700px;
    height: auto;
    position: absolute;
    top: 32px;
    right: 0;
}


.toggleMenu {
    display: none;
    /*background: #666;*/
    background: url(../images/menu_rwd.png) #00A0E6 right no-repeat;
    padding: 4px 30px 4px 10px;
    color: #fff;
    font-size: 14px !Important;
}

    .toggleMenu:hover {
        display: none;
        /*background: #666;*/
        background: url(../images/menu_rwd.png) #008AC6 right no-repeat;
    }

.nav {
    list-style: none;
    *zoom: 1;
    /*background:#175e4c;*/
    font-size: 12px !Important;
}

    .nav:before,
    .nav:after {
        content: " ";
        display: table;
    }

    .nav:after {
        clear: both;
    }

    .nav ul {
        list-style: none;
        width: auto;
    }

    .nav a {
        padding: 11px 17px;
        color: #333;
        text-decoration: none;
    }

    .nav li {
        position: relative;
    }

    .nav > li {
        float: left;
        /*border-top: 1px solid #104336;*/
        background: url(../images/line_menu.png) top right no-repeat; 
        padding: 0px 3px 0px 3px;
    }

        .nav > li > .parent {
            /*background-image: url("../../Images/downArrow.png");*/
            background-repeat: no-repeat;
            background-position: right;
        }

        .nav > li > a {
            display: block;
            -webkit-border-radius: 7px; /* Para Safari y Chrome */
            -moz-border-radius: 7px; /* Para Firefox */
            -khtml-border-radius: 7px; /* Navegadores de Linux */
            border-radius: 7px; /* CSS3 */
            behavior: url(Pie/PIE.htc); /* Para IE */
            position:relative;
        }

            .nav > li > a:hover {
                background: url(../images/btn_modifica.png) top left repeat-x;
                color: #FFF;
            }

            .nav_active {
                background: url(../images/btn_modifica.png) top left repeat-x;
                color: #FFF !important;
            }

    .nav li ul {
        position: absolute;
        left: -9999px;
        width: auto;
    }

    .nav > li.hover > ul {
        left: 0;
        width: 200px;
    }

    .nav li li.hover ul {
        left: 100%;
        top: 0;
    }

    .nav li li a {
        display: block;
        background: #0091CE;
        color: #FFF;
        position: relative;
        z-index: 100;
        border-top: 1px solid #0083BB;
    }

        .nav li li a:hover {
            display: block;
            background: #008AC6;
            color: #FFF;
            position: relative;
            z-index: 100;
            border-top: 1px solid #0083BB;
        }

    .nav li li li a:hover {
        background: #249578;
        z-index: 200;
        border-top: 1px solid #1d7a62;
    }
/*
@media screen and (max-width: 768px) {
    
    .menu_responsive {
        width: auto;
        height: auto;
        position: relative;
        top: 0px;
        right: 0;
    }

    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
}*/


/************************************
*           NIVO SLIDER             *
************************************/

.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0;left:0;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:60;display:none;margin:0;padding:0;}
.nivo-slice{display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:0.8;width:100%;z-index:89;}
.nivo-caption p{margin:0;padding:5px;}
.nivo-caption a{display:inline!important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}
.nivo-controlNav a{position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active{font-weight:700;}

#slider{
	position:relative;
	min-height:333px;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
	/*margin:30px 30px 60px;*/ 
	width:708px;
}
#slider img{position:absolute;top:0;left:0;display:none;}
#slider a{border:0;display:block;}
.nivo-controlNav{position:absolute;left:47%;bottom:8px;}
.nivo-controlNav a{display:block;width:10px;height:10px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active{background-position:-10px 0;}
.nivo-directionNav a{display:block;width:30px;height:34px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav{background-position:-34px 0;right:15px;}
a.nivo-prevNav{left:15px;}
.nivo-caption a{text-decoration:underline;}

/*****************************************************************************************************
                                        ESTILOS TABS - HTML
/*****************************************************************************************************/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: url(../images/bg_tab.png) top repeat-x;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: url(../images/bg_tab_hover.png) bottom repeat-x;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	overflow:hidden; height: 100%; display: block;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 10px; overflow: hidden; display: block; height: 100%;
}

/* =End Tabs

/************************************************************************************
*          TOOGLE DISPLAY.JS                                                        *
************************************************************************************/
/*
.container {
	width: 100%;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif
}
*/
.trigger {
	padding: 0px 0px 0px 30px;
	margin: 0 0 0px 0;
	background:url(../images/trigger.png) no-repeat;
	height: 34px;
	line-height: 34px;
	/*line-height: 38px;*/
	
	font-size: 12px;
	cursor: pointer;
	clear:both;
}

.trigger a {
	color: #044E32;
	text-decoration: none;
	
}
.trigger a:hover {
	color: #555;	
}

/*trigger_off {
	padding: 2px 0px 0px 30px;
	margin: 0 0 5px 0;
	background:url(../images/h2_trigger_a.png) no-repeat;
	height: 23px;
	line-height: 36px;
	width: 620px;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	color:#2F3172
}*/


.active {background-position: left bottom;}

.toggle_container {
	margin: 0 0 0px;
	padding: 0;
	overflow: hidden;
	width: 100%;
	clear: both;
}
.toggle_container .block {
	padding:5px 5px 5px 20px;
}


.toggle_container .block p {
	padding:0;
	margin:0;
}

.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

.container .item_content img {
	margin: 5px 15px 0px 20px;
	float: left;
}

.ul ul{
	margin: 20px 0px 0px 25px;
}

.ul li{
	padding: 0px 0px 10px 0px;
}

.ul li a{
	color:#333;
	text-decoration: none;
}

/*************************************************************************
*            ACORDION COLUMNAS                                           *
*************************************************************************/
.basic {
	/*width: 210px;*/
	margin: 0px;
	/*height: 230px;*/
	overflow:hidden;
}
.basic .item_content {
	background: url(../images/bg_acordion.png) bottom left repeat-x;
	height: 200px;
	/*border: 1px solid #DADADA;*/
	margin: 0px 0px 1px 0px;
	font-weight:normal;
	padding: 0px 8px 0px 8px;
}

.basic .item_content img {
	margin: 5px 15px 0px 20px;
}

.basic img {
	margin: 5px 0px 10px 0px;
}
.basic .item_acordion {
	cursor:pointer;
	display:block;
	padding: 0px 0px 0px 25px;
	height:34px;
	line-height:34px;
	margin: 0px 0px 1px 0px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #016699;
	background-color: #eeeeee;
	background: url(../images/bg_acc.png) top left no-repeat;
}
.basic .item_acordion:hover {
	background-color: #eeeeee;
	height:34px;
	line-height:34px;
	color: #016699;
	background: url(../images/bg_acc_over.png) top left no-repeat;
}
.basic a.selected {
	background-color: #eeeeee;
	color: #016699;
	height:34px;
	line-height:34px;
	background: url(../images/bg_acc_over.png) top left no-repeat;
}

/*****************/