/* 
BOXOST - 2010
Design: Logos Comunicaciones
www.logoscomunicaciones.com
*/


/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body{
line-height: 1;
}
ol,ul{
list-style: none;
}
blockquote,q{
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after{
content: '';
content: none;
}
focus{
outline: 0;
}
ins{
text-decoration: none;
}
del{
text-decoration: line-through;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
/* RESET */


body{
font-size: 0.69em;
font-family: "Lucida Sans",Arial,Helvetica;
text-align: center;
background-color: #264354;
}

h1{
color: #ff9108;
font-size: 1.82em;
font-family: "Trebuchet MS";
text-align: left;
margin: 0 5px;
}


#boxFacebook{
position: fixed;
top: 150px;
right: 0;
width: 26px;
height: 127px;
}
* html #boxFacebook { 
position: absolute;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+150+"px" : body.scrollTop+150+"px");
}
#boxFacebook a.lnkFacebook:link,a.lnkFacebook:visited,a.lnkFacebook:hover {
display: block;
float: left;
outline: none;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/facebook.gif) no-repeat;
width: 26px;
height: 127px;
}


#wrapper{
overflow: hidden;
width: 960px;
margin: auto;
}

#header{
clear: both;
background: url(../lib/line_soporte.gif) no-repeat 790px;
height: 60px;
padding-top: 20px;
}

#header .logos{
float: right;
text-align: right;
width: 320px;
padding: 0 10px;
}
#header .logos img{
margin-left: 60px;
}



#menu{
clear: both;
background: url(../lib/bg_menu.gif) no-repeat;
height: 38px;
padding: 0 5px;
}

#banner{
clear: both;
height: 215px;
margin: 10px 0;
}



#contentHome{
clear: both;
background: #fff url(../lib/bg_cont.gif) no-repeat bottom;
width: 960px;
margin-bottom: 10px;
}
#contentHomeTop{
text-align: left;
background: url(../lib/bg_cont_top.gif) no-repeat top;
width: 960px;
}

#boxFormServ{
background: url(../lib/arrows.gif) no-repeat 665px;
width: 906px;
height: 108px;
margin: auto;
padding: 18px 15px 0 15px;
}
#boxFormServ .formSearch{
float: left;
width: 490px;
margin-left: 15px;
}
#boxFormServ .serv{
float: left;
width: 210px;
margin-left: 20px;
}


#boxPaq{
clear: both;
background: #264354 url(../lib/bg_box_paq.gif) no-repeat bottom;
width: 936px;
margin: auto;
}
#boxPaqTop{
overflow: hidden;
background: url(../lib/bg_box_paq_top.gif) no-repeat top;
width: 920px;
padding: 15px 8px 50px 8px;
*width: 926px;
*padding: 15px 5px 50px 5px;
}
#boxPaqTop p{
color: #fff;
line-height: 13px;
margin: 5px;
}

.boxPaqprice{
float: left;
color: #fff;
background: url(../lib/bg_box_paq_price.jpg) no-repeat;
width: 214px;
height: 87px;
margin: 0 3px;
padding: 10px 0 0 10px;
}

#content{
clear: both;
background: #fff url(../lib/bg_cont.gif) no-repeat bottom;
width: 960px;
margin: 10px 0;
}
#contentTop{
text-align: left;
background: url(../lib/bg_cont_top.gif) no-repeat top;
width: 910px;
padding: 20px 25px;
}

#contentIn{
float: left;
color: #87919f;
width: 675px;
}
#contentIn p{
text-align: justify;
line-height: 16px;
margin: 15px 0;
}



#info{
float: left;
color: #87919f;
line-height: 16px;
width: 210px;
margin-top: 25px;
margin-left: 25px;
}

#info .boxInfo{
clear: both;
background: url(../lib/box_info.gif) no-repeat bottom;
width: 210px;
margin: 10px 0;
}
#info .boxInfoTop{
text-align: center;
background: url(../lib/box_info_top.gif) no-repeat top;
width: 210px;
}
#info .boxInfoTop p{
display: block;
text-align: justify;
line-height: 16px;
margin: 8px;
}
#info .titleImg{
float: left;
clear: both;
text-align: center;
background-color: #fff;
margin-bottom: 10px;
padding: 0 5px;
}




#footer{
color: #fff;
height: 100px;
}
#footer .infCont{
float: left;
font-size: 0.82em;
text-align: left;
line-height: 12px;
width: 270px;
}
#footer .infPay{
float: right;
background: url(../lib/box_cards.gif) no-repeat;
width: 192px;
height: 54px;
padding-top: 7px;
padding-left: 115px;
}
#footer .infPay img{
margin: 0 10px;
}


.contPas{
float: right;
color: #556675;
font-size: 1.09em;
font-weight: 700;
width: 120px;
}
.contPas .actP{
color: #ff9108;
font-size: 1.27em;
font-weight: 700;
}



.contTitPas{
float: left;
line-height: 16px;
width: 490px;
margin-top: 10px;
}

.boxCont{
line-height: 16px;
text-align: center;
border-top: 1px solid #e9ecee;
border-bottom: 1px solid #e9ecee;
padding: 10px 0;
}

.boxContUrl{
line-height: 16px;
text-align: center;
border-top: 1px solid #e9ecee;
border-bottom: 1px solid #e9ecee;
background: url(../lib/box_url.gif) no-repeat top left;
padding: 10px 0;
}

.urlBig{
color: #264354;
font-size: 1.36em;
font-weight: 700;
}

.boxP{
color: #ff9108;
float: right;
font-size: 1.18em;
font-weight: 700;
}


.boxSel{
float: left;
display: block;
width: 145px;
margin-left: 5px;
}

.boxCheck{
float: left;
display: block;
width: 47px;
margin-left: 5px;
}


.left{
float: left;
}

.right{
float: right;
}

.clear{
clear: both;
}

.bold{
font-weight: 700;
}

.bold2{
color: #ff9108;
font-weight: 700;
}

.small{
font-size: 0.82em;
line-height: 12px;
}

.small2{
color: #ff9108;
font-size: 0.82em;
line-height: 12px;
}


.color1{
color: #ff9108;
}


/* LINKS */
a.lnk1:link,a.lnk1:visited {
color: #ff9108;
text-decoration: none;
}
a.lnk1:hover {
color: #ffbd6b;
}

a.lnk2:link,a.lnk2:visited {
color: #ffbd6b;
text-decoration: none;
}
a.lnk2:hover {
color: #ff9108;
}

a.lnkSmall:link,a.lnkSmall:visited {
color: #87919f;
font-size: 0.82em;
text-decoration: none;
}
a.lnkSmall:hover {
color: #264354;
}

a.lnkDisp:link,a.lnkDisp:visited {
color: #ff9108;
font-weight: 700;
text-decoration: none;
}
a.lnkDisp:hover {
color: #ffbd6b;
}


a.logo:link,a.logo:visited,a.logo:hover {
display: block;
float: left;
outline: none;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/logo.jpg) no-repeat;
width: 296px;
height: 46px;
}


a.lnkBtn:link,a.lnkBtn:visited{
display: block;
color: #fff;
font-weight: 700;
text-align: center;
text-decoration: none;
background: url(../lib/box_btn.gif) no-repeat top;
width: 117px;
height: 40px;
}
a.lnkBtn:hover {
color: #ffddb5;
background-position: bottom;
}




/* LISTADOS */

/* MENU */
#menu ul{
float: left;
}
#menu li{
display: block;
float: left;
font-size: 1.09em;
background: url(../lib/border_li.gif) no-repeat right;
}
#menu li a{
display: block;
float: left;
color: #fff;
text-decoration: none;
text-align: center;
line-height: 38px;
padding: 0 37px;
}
#menu li a:hover{
color: #ffe2b6;
background-color: #ff8e08;
}
#menu .actMenu{
color: #fff !important;
font-weight: 700;
letter-spacing: -0.02em !important;
background: url(../lib/act_menu.gif) no-repeat bottom !important;
}
#menu .noBg{
background-image: none;
}


/* BANNERS */
#banner li{
width: 960px;
height: 215px;
}


/* PAQUETES */
#liPaq ul{
float: left;
}
#liPaq li{
display: block;
float: left;
line-height: 13px;
background: url(../lib/bg_box_paq_price.jpg) no-repeat;
width: 224px;
height: 97px;
margin: 0 3px;
}
#liPaq li a{
display: block;
float: left;
color: #fff;
text-decoration: none;
background: #ff7f06 url(../lib/bg_box_paq_price.jpg) no-repeat;
width: 214px;
height: 87px;
padding: 10px 0 0 10px;
}
#liPaq li a:hover{
}
#liPaq span{
cursor: hand;
}
#liPaq .titPaq{
float: left;
width: 140px;
margin-bottom: 12px;
}
#liPaq .price{
float: left;
text-align: center;
width: 64px;
margin: 3px 0 3px 10px;
}
#liPaq .descPaq{
display: block;
clear: both;
cursor: hand;
text-align: left;
width: 200px;
}


/* LIST SERVICES */
#liServ ul{
float: left;
}
#liServ li{
clear: both;
display: block;
float: left;
line-height: 18px;
background: url(../lib/arrow_01.gif) no-repeat left;
width: 170px;
padding-left: 10px;
}
#liServ li a{
display: block;
float: left;
color: #ff9108;
text-decoration: none;
width: 170px;
}
#liServ li a:hover{
color: #ffbd6b;
}
#liServ .noBg{
background: none;
}


/* LIST SERVICES */
ul#liPas{
float: left;
margin: 10px 0;
}
ul#liPas li{
display: block;
float: left;
text-indent: -9000px;
width: 31px;
height: 31px;
margin-right: 10px;
}
ul#liPas .pas1{
background: url(../lib/uno.gif) no-repeat bottom;
}
ul#liPas .pas2{
background: url(../lib/dos.gif) no-repeat bottom;
}
ul#liPas .pas3{
background: url(../lib/tres.gif) no-repeat bottom;
}
ul#liPas .actPas{
background-position: top !important;
}

/* TABLAS */

/* TABLA BASE */
.width1{
width: 675px;
}
.sList{
width: 540px;
}

.rowTit{
font-weight: 700;
width: 171px;
}
.rowDesc{
width: 117px;
margin-left: 9px !important;
}
.rowTitTab{
clear: both;
text-align: left;
background: #264354 url(../lib/box_header_desc.gif) no-repeat;
width: 663px;
height: 25px;
margin: 5px 0;
padding-top: 10px;
padding-left: 12px;
}
.conTable{
float: left;
}
.conTable .headerTable{
color: #fff;
line-height: 16px;
height: 44px;
margin: 3px 0;
}
.conTable .headerTable div{
float: left;
text-align: center;
height: 44px;
}
.conTable .rowA div{
float: left;
color: #556675;
text-align: center;
line-height: 40px;
background-color: #e9ecee;
height: 40px;
margin: 3px 0;
}
.conTable .rowA .rowTit{
text-align: left;
background: #e9ecee url(../lib/box_title.gif) no-repeat;
width: 151px;
padding: 0 10px;
}
.conTable .rowA .rowDesc{
background: #e9ecee url(../lib/box_desc.gif) no-repeat;
}
.conTable .rowA .rowSpace{
background: none;
width: 171px;
height: 40px;
}

.conTable .rowB{
float: left;
color: #556675;
line-height: 30px;
border-bottom: 1px solid #e9ecee;
height: 30px;
}
.conTable .rowB .url{
float: left;
text-align: left;
width: 320px;
padding: 0 10px;
}
.conTable .rowB .disp{
float: left;
text-align: center;
width: 80px;
padding: 0 10px;
}
.conTable .rowB .link{
float: left;
text-align: center;
width: 80px;
padding: 0 10px;
}



/* FORMS */
.chek{
padding-top: 13px; 
}

/* SEARCH FORM */
#formSearch fieldset{
float: left;
width: 490px;
}
#formSearch label{
display: block;
float: left;
color: #7e8089;
font-size: 1.27em;
font-family: "Trebuchet MS";
font-weight: 700;
text-align: left;
line-height: 15px;
width: 50px;
padding: 5px 0;
}
#formSearch select{
display: block;
float: left;
color: #4c4c4c;
font-size: 1.27em;
line-height: 25px;
border: solid 1px #a3a3a3;
background-color: #fff;
height: 23px;
}
#formSearch option{
display: block;
float: left;
color: #4c4c4c;
font-size: 1em;
line-height: 25px;
height: 23px;
}
#formSearch .inputB{
display: block;
float: left;
color: #4c4c4c;
font-size: 1.09em;
text-transform: lowercase;
border: solid 1px #a3a3a3;
background-color: #fff;
height: 23px;
padding: 0 5px;
}
#formSearch .req{
display: block;
float: left;
font-size:  1em;
border: solid 1px #f00;
background-color: #fff0f0;
padding: 5px;
}
#formSearch .button{
cursor: pointer;
color: #fff;
font-size: 1em;
text-align: center;
font-weight: 700;
border: 0;
background: url(../lib/bg_btn.gif) no-repeat;
width: 75px;
height: 35px;
}
#formSearch p{
clear: both;
overflow: hidden;
margin: 6px 0;
padding: 0 !important;
}
#formSearch .boxError{
position: absolute;
display: block;
color: #fff;
font-size: 0.82em;
text-align: center;
line-height: 16px;
background: url(../lib/box_error.gif) no-repeat;
width: 110px;
height: 23px;
*margin-top: 25px;
margin-left: 50px;
*margin-left: -334px;
padding-top: 14px;
}




/* FORM 1 */
#formA fieldset{
float: left;
border: none;
width: 640px;
margin: 10px 0;
}
#formA label{
display: block;
float: left;
color: #ff9108;
text-align: left;
line-height: 15px;
width: 155px;
padding: 5px 0;
}
#formA .inputB{
display: block;
float: left;
color: #4c4c4c;
font-size: 1em;
border: none;
background: url(../lib/input_bas.gif) no-repeat;
width: 290px;
height: 26px;
padding: 6px;
}
#formA .req{
display: block;
float: left;
font-size:  1em;
border: none;
background: url(../lib/input_error.gif) no-repeat;
width: 290px;
height: 26px;
padding: 6px;
}
#formA textarea{
display: block;
float: left;
color: #4c4c4c;
font-size:  1em;
font-family: "Arial", Tahoma, Verdana;
border: solid 1px #cac6bc;
background-color: #eeede8;
padding: 6px 4px;
}
#formA .button{
cursor: pointer;
color: #d5d1c6;
font-size: 1em;
text-align: left;
border: none;
background: #47130c url(../lib/btn_form.gif) no-repeat;
width: 86px;
height: 31px;
padding-left: 25px;
}
#formA p{
clear: both;
margin: 6px 0px;
padding: 10px 0;
*padding: 0;
}
#formA .datInf{
display: block;
float: left;
font-size:  1em;
font-family: "Arial", Tahoma, Verdana;
padding: 6px 4px;
}

.boxError{
display: block;
color: #fff;
text-align: center;
line-height: 16px;
background: url(../lib/box_error2.gif) no-repeat;
width: 248px;
height: 20px;
margin: -17px 0 -20px 155px;
*margin: -13px 0 0 155px;
padding-top: 12px;
}



/* SIMPLE WYSIWIG */

.bold{
font-weight: 700;
}

.bold2{
color: #ff9108;
font-weight: 700;
}

.small{
font-size: 0.82em;
line-height: 12px;
}

.small2{
color: #ff9108;
font-size: 0.82em;
line-height: 12px;
}

.color1{
color: #ff9108;
}





