/*
CSS Document
TPS
Descripcion: estilos globales para elementos comunes del sitio
*/
@import url("reset.css");

/*----------------- Tags Html -----------------*/
* {font-family:Arial,Helvetica,Sans-Serif,Tahoma,Verdana; margin:0; padding:0;}
body {margin:0; padding:0; border:0; background:#fff;}
html>body {margin:0; padding:0;}
h1, h2, h3, h4, h5, li, a, p, span, label {font-family:opensans, Verdana, Geneva, sans-serif;}
.regular h1, .regular h2, .regular h3, .regular h4, .regular h5, .regular h6, .regular p, .regular span, .regular li, .regular td {font-family:opensans, Verdana, Geneva, sans-serif;}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p, .light span, .light li, .light td {font-family:opensans, Verdana, Geneva, sans-serif;}
a:hover  {transition:color 0.2s ease-out 0s;}
a, a:hover {text-decoration:none; color:#009FE3; outline:none;}
a:hover { color:#999999; text-decoration:underline;}
.separa {display:block; height:1px; width:100%; margin:0; padding:0; clear:both;}
.separa2 {display:block; height:0; width:100%; margin:0; padding:0; clear:both;}
#signup .text:focus{
    outline:0px;
}
.boton {cursor:pointer;}
.col288 {width:288px;}
.border-right {border-right:1px solid #76868e}
.aleft {float:left;}
.aright {float:right;}
form {margin:0; padding:0;}
img {border:none;}

/*----------------- Bloques Principales -----------------*/
.bodysite {background:url(/tps/imag/bg/bg_home.jpg) repeat-x left top #efeef6;}
#wrapper {width:100%; min-height:603px; overflow:hidden;
    background: #818181; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(left, #818181 0%, #cccccc 24%, #f0f0f0 50%, #cccccc 79%, #818181 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#818181), color-stop(24%,#cccccc), color-stop(50%,#f0f0f0), color-stop(79%,#cccccc), color-stop(100%,#818181)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #818181 0%,#cccccc 24%,#f0f0f0 50%,#cccccc 79%,#818181 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #818181 0%,#cccccc 24%,#f0f0f0 50%,#cccccc 79%,#818181 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #818181 0%,#cccccc 24%,#f0f0f0 50%,#cccccc 79%,#818181 100%); /* IE10+ */
background: linear-gradient(to right, #818181 0%,#cccccc 24%,#f0f0f0 50%,#cccccc 79%,#818181 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#818181',GradientType=1 ); /* IE6 8 */
    }
#header {width:100%; }
#header .auxi-header {width:90%; min-height:135px; margin:0 auto; position:relative; background:#FFFFFF; box-shadow:0 -10px 10px #333333;}
#header .auxi-header-top {background:url("/tps/imag/bg/bg_fixed.gif") repeat-x left top; margin:0 auto; overflow:hidden;}
#header .auxi-header-top .auxi {width:90%; margin:0 auto;}
#header .auxi-header .auxi {width:95%; margin:0 auto;}
#main {margin:0 auto; width:90%; min-height:490px; clear:both; background:#FFFFFF;}
#footer {position:relative; margin:0 auto; width:100%; overflow:hidden; background:#FFFFFF; padding:30px 0 20px 0; box-shadow:0 0 20px #999999;}
#sidebar {width:237px; padding-top:8px;}
#header .menu_btn {color:#FFFFFF; cursor:pointer; display:none; padding:5px 0; text-align:center;}

#header .fixed .sociales {width:75%;}

/*----------------- Main -----------------*/
#main-home {width:100%; margin:0 auto; clear:both;}
#main .auxi-art {width:100%; background:url(/tps/imag/bg/bg_sidebar2.gif) repeat-y right top #FFFFFF; padding:0; margin:0 auto; min-height: 500px; box-shadow:0 -10px 10px #333333;}
#main .auxi-art .auxi-art-cont {width:70%; margin:0 10px 30px 50px; padding:0;}
.auxi-art-cont .cont-cuerpo {width:72%; padding:0; float:left;}
ul.menu-sidebar {width:100%}
#main-home .cont {width:90%; margin:0 auto; padding:0 0 30px; background:url(/tps/imag/bg/bg_content.gif) repeat left bottom; overflow:hidden; box-shadow:0 0 10px #333333;}
/* FIN Main */

/*----------------- Header -----------------*/
#header .fixed {width:100%; background:url("/tps/imag/bg/bg_fixed.gif") repeat-x left top; position:fixed; top:0; z-index:999;}
#header div.box-search {background:url("/tps/imag/bg/bg_search.jpg") no-repeat left top; color:#666666; float:right; font-size:12px; margin:80px 0 0 0; overflow:hidden; padding:8px 0 0 5px; text-align:right; width:199px; height:33px; float:right; clear:both;}
#header div.box-search div .inputbox {background:none; border:none; color:#999999; float:left; font-family:"OpenSans Regular",Verdana,Geneva,sans-serif; font-size:13px; width:150px; padding:0 0 0 5px;}
#header .auxi-head { width:83%; margin:0;}
#header .auxi-head  div.box-search div .lupa {float:right; margin:3px 10px 0 0;}
#header div.clientes {float:right; width:217px; height:34px; background:url("/tps/imag/auxi/bottom_login.png") no-repeat left bottom; margin:0; padding:10px 0 0 0;}
#header div.clientes a {font-family:opensansLC,Arial,Helvetica,sans-serif; font-size:20px; background:url(/tps/imag/auxi/top_menu2.gif) no-repeat left 7px; margin:0 0 0 40px; padding:0 0 0 20px;  color:#FFFFFF;}
#header div.clientes a.open {background:url(/tps/imag/auxi/top_menu2.gif) no-repeat left 7px;}
#header div.clientes a.close {background:url(/tps/imag/auxi/top_menu3.gif) no-repeat left 7px;}
#header #logo {margin:55px 0 0 0; float:left;}
#header .fixed .sociales, #header .fixed .sociales img {float:left;}
#header .fixed .sociales p {color: #dbe6f2; font-family:opensansL,Arial,Helvetica,sans-serif; font-size: 12px; float:left; padding:8px 0 0;}
#header .fixed .sociales .avtooltip-box {float:left; background:url("/tps/imag/auxi/separa_header.gif") no-repeat right top; padding:0 5px;}
#header .fixed .sociales .avtooltip-box.fecha {margin-top:0 !important;}
#header .fixed .sociales .avtooltip-box:last-child {background:none; padding-right:0;}
#header .fixed .sociales .avtooltip-box:hover {cursor:pointer;}
@media all and (max-width:1200px) {
	#header .fixed .sociales .box-datos p {font-size:11px !important;}
	#header .fixed .sociales .avtooltip-box {padding:0 3px;}
	}
	/* solo para responsive */
#powerTip a.link-t {color: #fff; float: left; font-family: Verdana,Geneva,sans-serif; font-size: 14px;}
#header .auxi-head nav { margin:88px 0 0 0;}

/* FIN Header */




/*----------------- Font Face -----------------*/
@font-face {
    font-family: 'oswald';
    src: url('/tps/css/v1/fonts/oswald-webfont.eot');
    src: url('/tps/css/v1/fonts/oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('/tps/css/v1/fonts/oswald-webfont.woff') format('woff'),
         url('/tps/css/v1/fonts/oswald-webfont.ttf') format('truetype'),
         url('/tps/css/v1/fonts/oswald-webfont.svg#YanoneKaffeesatzLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldb';
    src: url('/tps/css/v1/fonts/oswald-bold-webfont.eot');
    src: url('/tps/css/v1/fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/tps/css/v1/fonts/oswald-bold-webfont.woff') format('woff'),
         url('/tps/css/v1/fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('/tps/css/v1/fonts/oswald-bold-webfont.svg#YanoneKaffeesatzLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensansLC';
    src: url('/tps/css/v1/fonts/opensans-condlight-webfont.eot');
    src: url('/tps/css/v1/fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/tps/css/v1/fonts/opensans-condlight-webfont.woff') format('woff'),
         url('/tps/css/v1/fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('/tps/css/v1/fonts/opensans-condlight-webfont.svg#YanoneKaffeesatzLight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'opensansL';
    src: url('/tps/css/v1/fonts/opensans-light-webfont.eot');
    src: url('/tps/css/v1/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/tps/css/v1/fonts/opensans-light-webfont.woff') format('woff'),
         url('/tps/css/v1/fonts/opensans-light-webfont.ttf') format('truetype'),
         url('/tps/css/v1/fonts/opensans-light-webfont.svg#YanoneKaffeesatzLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensansSB';
    src: url('/tps/css/v1/fonts/opensans-semibold-webfont.eot');
    src: url('/tps/css/v1/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/tps/css/v1/fonts/opensans-semibold-webfont.woff') format('woff'),
         url('/tps/css/v1/fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('/tps/css/v1/fonts/opensans-semibold-webfont.svg#YanoneKaffeesatzLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Fin Font Face */


#mouseon-examples div {background-color:#EEE; text-align:center; width:200px; padding:40px;}
/*----------------- Sidebar -----------------*/
ul.menu-sidebar li {width:100%; float:left; clear:both;  }
ul.menu-sidebar li a {font-size:14px; color:#cccccc; font-family:opensansL,Arial,Helvetica,sans-serif; float:left; clear:both; width:92%; padding:15px 10px;  border-bottom:1px solid #5c5c5c; text-decoration:none; transition:all 0.5s ease-out 0s;}
ul.menu-sidebar li a span.tit  {font-family:opensansL,Arial,Helvetica,sans-serif;}
ul.menu-sidebar li a:hover, ul.menu-sidebar li.active ul.list-submenu li a:hover, ul.menu-sidebar li.active ul.list-submenu li.active a {background:url(/tps/imag/bg/bg_hover_sidebar.png) repeat-y left top #0085c3; color:#FFF; cursor:pointer; font-size:14px;}
ul.menu-sidebar li.active a {background:url(/tps/imag/bg/bg_hover_sidebar.png) repeat-y left top; color:#FFF; cursor:pointer}
ul.menu-sidebar li.active ul.list-submenu li a, ul.menu-sidebar li ul.list-submenu li a {background:url(/tps/imag/auxi/bullet.png) no-repeat 20px center; color:#FFF; cursor:pointer; font-size:12px; padding:8px 15px 8px 30px; width:80%; font-family:opensansL,Arial,Helvetica,sans-serif; border-bottom:none;}
ul.menu-sidebar li.active ul.list-submenu li a:hover, ul.menu-sidebar li.active ul.list-submenu li.active a, ul.menu-sidebar li ul.list-submenu li a:hover {background:url(/tps/imag/auxi/bullet.png) no-repeat 20px center #4f8dcd; font-size:12px;}
ul.menu-sidebar li.active ul.list-submenu li a, ul.menu-sidebar li ul.list-submenu li a {width: 81%;}
ul.menu-sidebar li a:hover {color:#FFF; text-decoration:none;}
/*tercer nivel*/
ul.menu-sidebar li.active ul.list-submenu li ul.nivel3 li a, ul.menu-sidebar li ul.list-submenu li ul.nivel3 li a {background:url(/tps/imag/auxi/bullet2.png) no-repeat 30px center; color:#FFF; cursor:pointer; font-size:11px; padding:8px 15px 8px 40px; width:78%; font-family:opensansL,Arial,Helvetica,sans-serif; border-bottom:none;}
ul.menu-sidebar li.active ul.list-submenu li ul.nivel3 li a:hover, ul.menu-sidebar li.active ul.list-submenu li.active ul.nivel3 li a, ul.menu-sidebar li ul.list-submenu li ul.nivel3 li a:hover {background:url(/tps/imag/auxi/bullet2.png) no-repeat 30px center #4f8dcd; font-size:11px;}
ul.menu-sidebar li.active ul.list-submenu li ul.nivel3 li a, ul.menu-sidebar li ul.list-submenu li ul.nivel3 li a {width: 77%;}
/* FIN Sidebar */

/*----------------- Sidebar 2017 -----------------*/
/* buscador */
#sidebar div.box-search {background:url("/tps/imag/bg/bg_search.jpg") no-repeat left top; color:#666666; font-size:12px; margin:0 auto; overflow:hidden; padding:8px 0 0 5px; text-align:right; width:199px; height:33px; clear:both;}
#sidebar div.box-search div .inputbox {background:none; border:none; color:#999999; float:left; font-family:"OpenSans Regular",Verdana,Geneva,sans-serif; font-size:13px; width:150px; padding:0 0 0 5px;}
#sidebar div.box-search div .lupa {float:right; margin:3px 10px 0 0;}
/* noticias */
#sidebar #noticias {margin:0 auto ; padding:18px 0 40px 0; width:100%;}
#sidebar #noticias .ar3 {background-color:#FFFFFF; margin:0 auto 10px; padding-bottom: 8px; position:relative; width:85%;}
#sidebar #noticias .ar3 a.foto, #sidebar #noticias .ar3 img {width:100% !important; height:auto !important;}
#sidebar #noticias .ar3 h2 {clear:both; color:#142E48; font-family:opensansL,Arial,Helvetica,sans-serif; font-size:15px; padding:10px 14px 5px;}
#sidebar #noticias .ar3 h2 a {color:#142E48; font-family:opensansL,Arial,Helvetica,sans-serif;}
#sidebar #noticias .ar3 span {color:#666666; font-family:opensansL,Arial,Helvetica,sans-serif; font-size:12px; font-style:italic; padding:6px 14px 10px; }
/* FIN Sidebar 2017 */


/*----------------- Footer -----------------*/
#footer .auxi {width:965px; margin:0 auto; text-align:center;}
#footer .auxi table {display:inline; font-family:opensansL,Arial,Helvetica,sans-serif; color:#999999; font-size:14px;}
#footer .auxi table tr td {padding:0 5px 0 0 !important;}
#footer .auxi img {display:inline; margin:0 26px 0 0;}
#footer .auxi table tr td img {margin:0 5px 0 0 !important;}
#footer .auxi .auxi-bottom {margin:10px auto; padding:17px 0 0 0; width:440px; clear:both;}
#footer .auxi-bottom .banner-tps {float:left;}
#footer .auxi-bottom .direccion {display:inline; font-family:opensansL,Arial,Helvetica,sans-serif; color:#666666; font-size:16px;}
#footer .auxi-bottom .direccion p {font-family:opensansL,Arial,Helvetica,sans-serif; color:#666666; font-size:16px; text-align:left;}
#footer .auxi-bottom .direccion span.gris { font-family:opensansL,Arial,Helvetica,sans-serif; color:#999999; line-height:25px}
/* FIN Footer */

/*----------------- Panel Iframe Login Header -----------------*/
#toppanel {
    /*position: absolute;*/   /*Panel will overlap  content */
    position: relative;   /*Panel will "push" the content down */
    background: #0085C3;
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear:both;
}

#panel {
    width: 1000px;
    height: 50px;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
    margin:0 auto;
    padding:15px 0 0;
}

#panel h1 {
      font-family:opensansL,Arial,Helvetica,sans-serif;
    font-size: 1.6em;
    padding: 5px 0;
    margin: 0 0 6px;
    color: white;
    border-bottom:1px dotted #999999;
}

#panel h2{
    font-size: 1.2em;
    padding: 10px 0 5px;
    margin: 0;
    color: white;
}

#panel p {
    margin: 5px 0;
    padding: 0;
}

#panel a {
    text-decoration: none;
    color: #15ADFF;
}

#panel a:hover {
    color: white;
}

#panel a-lost-pwd {
    display: block;
    float: left;
}

#panel .content {
    width: 960px;
    margin: 0 auto;
    padding-top: 15px;
    text-align: left;
    font-size: 0.85em;
    margin-top: 50px;
}

#panel .content .left {
    float: left;
    margin:0 5px 0 0;
    padding: 10px 15px;
    background:#666666;
    border-radius:5PX;
    border: 1px solid #339dcf;
    box-shadow:1px 1px 5px #333333 inset;
}

#panel .content .last-child {
    border-right: none;
}

#panel .content form {
    margin: 0 0 10px 0;
}

#panel .content label {
    float: left;
    padding-top: 8px;
    clear: both;
    width: 280px;
    display: block;
}

#panel .content input.field {
    border: 1px #1A1A1A solid;
    background: #414141;
    margin-right: 5px;
    margin-top: 4px;
    width: 200px;
    color: white;
    height: 16px;
}

#panel .content input:focus.field {
    background: #545454;
}

#panel .iframe_panel{
    border: 0;
    margin: 0;
    padding: 0;
    width: 850px;
    height: 55px;
    overflow: hidden;
    float: right;
    vertical-align: top;
}

@media all and (max-width:1021px) {
    
#panel , #panel .iframe_panel {width:100%; text-align:center; margin:0 auto; float:none;}
}

/*----------------- Efectos -----------------*/
.border-radius-top {
    -moz-border-radius-topleft:8px;
    -webkit-border-top-left-radius:8px;
     border-top-left-radius:8px;
    -moz-border-radius-topright:8px;
    -webkit-border-top-right-radius:8px;
    border-top-right-radius:8px;}

.border-radius {
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;}

.border-radius-bottom {
        -moz-border-radius-bottomright:7px;
        -webkit-border-bottom-right-radius:7px;
        border-bottom-right-radius:7px;
        -moz-border-radius-bottomleft:7px;
        -webkit-border-bottom-left-radius:7px;
        border-bottom-left-radius:7px;}

.border-radius-5 {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;}

.border-radius-10 {
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;}

.box-shadow {
        -webkit-box-shadow: 1px 1px 3px #CCCCCC;
        -moz-box-shadow:    1px 1px 3px #CCCCCC;
        box-shadow:         1px 1px 3px #CCCCCC;}

.box-shadow-art {
        -webkit-box-shadow:1px 1px 3px #EBEBEB;
        -moz-box-shadow:1px 1px 3px #EBEBEB;
        box-shadow:1px 1px 3px #EBEBEB}

.box-shadow-tax {
    -webkit-box-shadow: 1px 1px 2px #999999;
    -moz-box-shadow: 1px 1px 2px #999999;
    box-shadow: 1px 1px 2px #999999;}

.border-line {border:1px solid #ebebeb;}

.gradiente {background: rgb(28, 174, 242);
        background: -moz-linear-gradient(90deg, rgb(28, 174, 242) 30%, rgb(12, 150, 215) 70%);
        background: -webkit-linear-gradient(90deg, rgb(28, 174, 242) 30%, rgb(12, 150, 215) 70%);
        background: -o-linear-gradient(90deg, rgb(28, 174, 242) 30%, rgb(12, 150, 215) 70%);
        background: -ms-linear-gradient(90deg, rgb(28, 174, 242) 30%, rgb(12, 150, 215) 70%);
        background: linear-gradient(180deg, rgb(28, 174, 242) 30%, rgb(12, 150, 215) 70%);
}

.gradiente2 {background: rgb(0, 134, 196);
        background: -moz-linear-gradient(90deg, rgb(0, 134, 196) 30%, rgb(0, 109, 161) 70%);
        background: -webkit-linear-gradient(90deg, rgb(0, 134, 196) 30%, rgb(0, 109, 161) 70%);
        background: -o-linear-gradient(90deg, rgb(0, 134, 196) 30%, rgb(0, 109, 161) 70%);
        background: -ms-linear-gradient(90deg, rgb(0, 134, 196) 30%, rgb(0, 109, 161) 70%);
        background: linear-gradient(180deg, rgb(0, 134, 196) 30%, rgb(0, 109, 161) 70%);}

/* FIN Tags Html */