/* LCSnetwork * Author: Lewistel.net */	
/****PLANES****/
#container_home { margin: 0 1px; padding: 0; height: 127px; background: #F7F7F7; border-bottom: 1px solid #CED3D9; }
#banner h1 { font-size: 1.4em; color: #B30000; }
#banner_container { width: 300px; padding: 20px; }
#banner { float: left;  width: 380px; height: 137px !important; height: 137px; position: relative; margin: 0; padding: 0; }
#banner span { width: 100%; height: 100%; background: url(../images/nod32gif.gif) no-repeat; position: absolute; }
.domain { width: 180px; margin: 0 0 0 380px !important; padding: 5px 0 0 5px; }
select#extension { width: 97px !important; width: 81px; margin:0 2px 0 0; padding: 1px; font-weight: 400; font-size: 11px; color: #484B4D; background: #FFF; border: 1px solid #7B8286; }
#consejos { width: 100px; margin: 8px 0 0 0; padding: 0 0 0 45px; background: url(../images/lateral_domain_consejos.gif) no-repeat left center; }
		
/* títulos */
#content .planes { margin: 0px 0; padding: 0; clear: both; height: 150px; }
#content .planes h2, #content .planes h2#hpromociones { width: 177px; height: 33px; position: relative; padding: 0; margin: 0; font: 700 12px "Tahoma", Geneva, Arial, Helvetica, sans-serif; color: #2E485E; background: #fff; border: 0; }
#content .planes h2#predes, #content .planes h2#pcds { width:  555px; }
#hbasicos span { background: url(../images/plan_hosting.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#pcorreo span { background: url(../images/plan_correo.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#pdiseno span { background: url(../images/plan_diseno.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#predes span { background: url(../images/plan_redes.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
#pcds span { background: url(../images/cds.gif) no-repeat; position: absolute; width: 100%; height: 100%; }

/* planes ubicación */
#content .planes .uno, #content .planes .dos, #content .planes .tres { width: 178px; float: left; margin: 0; padding: 0; }
#content .planes .dos { margin: 0 10px 0 9px !important; margin: 0 10px 0 8px; }
#content .planes .uno ul, #content .planes .dos ul, .planes .tres ul { height: 110px; position: relative; }
#content .planes .izq ul, #content .planes .der ul { height: 100px; position: relative; }
#content .planes .izq li, #content .planes .der li { list-style: none; padding: 0; margin: 0; float: none; width: 277px; }
.izq { margin: 0; padding: 0; width: 277px; position: absolute; }
.der { margin: 0; padding: 0; width: 278px; position: absolute; right: 10px; }

/* planes bordes */	
#content .planes ul { list-style: none; padding: 20px 0 0 0; margin: 0; text-align: left; }
#content .planes li { list-style: none; padding: 0; margin: 0; position: relative; float: none; width: 168px; text-align: left; line-height: normal; background-image: none; }
#content .planes ul.hostingb { border-right: 1px solid #b30000; }
#content .planes ul.correob { border-right: 1px solid #558F37; }
#content .planes ul.disenob { border-right: 1px solid #003366; }
#content .planes ul.predes { border-right: 1px solid #996600; }
#content .planes ul.plandesc { border-right: 1px solid #753AAF; }

/* precios */
#content .planes li.tsimple { background: url(../images/planes_basicos.gif) no-repeat left bottom; position: absolute; bottom:0; width: 178px; height: 43px; }
#content .planes li.trevendedor { background: url(../images/planes_correos.gif) no-repeat left bottom; position: absolute; bottom:0; width: 178px; height: 43px; }
#content .planes li.tvps { background: url(../images/precio_diseno.gif) no-repeat left bottom; position: absolute; bottom:0; width: 178px; height: 43px; }
#content .planes li.predes { background: url(../images/cableado.gif) no-repeat left bottom; position: absolute; bottom:0; width: 277px; height: 43px; }
#content .planes li.predes2 { background: url(../images/cableado2.gif) no-repeat left bottom; position: absolute; bottom:0; width: 278px; height: 43px; }
#content .planes li.pcds1 { background: url(../images/multicopiado.gif) no-repeat left bottom; position: absolute; bottom:0; width: 277px; height: 43px; }
#content .planes li.pcds2 { background: url(../images/multicopiado2.gif) no-repeat left bottom; position: absolute; bottom:0; width: 278px; height: 43px; }
	
#content a.planes_link { font: 400 9px "Tahoma", Geneva, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; position: absolute; bottom: 3px; margin: 0 0 0 5px; padding: 0; border: 0; background: none; }
#content a.planes_link:hover, #content a.planes_link:active { font-weight: 400; color: #fff; text-decoration: underline; }
#content a.planes_link:visited { font-weight: 400; color: #fff; text-decoration: none; }
	
#planes_interior a { font: 700 11px "Tahoma", Geneva, Arial, Helvetica, sans-serif; color: #6A7389; text-decoration: none; padding: 2px 0 2px 15px; border: 0; background: url(../images/triang_empty_red.gif) no-repeat left bottom;}
#planes_interior a:hover { color: #2E485E; font-weight: 700; text-decoration: underline; border: 0;}
#planes_interior a:active, #planes_interior a:visited  { color: #2E485E; font-weight: 700; text-decoration: none; border: 0; } 

/**** BODY PLANES CSS ****/

#content div.plan_detail_simple h1 { color: #B30000; border-left: 7px solid #B30000; }
#content div.plan_detail_revendedor h1 { color: #509136; border-left: 7px solid #509136; }
#content div.plan_detail_vps h1 { color: #0947D3; border-left: 7px solid #0947D3; }
.plan_detail_simple table thead th { background: #B30000; }
.plan_detail_revendedor table thead th { background: #509136; }
.plan_detail_vps table thead th { background: #0947D3; }
#content .hosting_title h2 { font: normal 20px "Trebuchet MS",Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif; }
#content .plan_detail_simple .hosting_title h2 { color: #b30000; border-bottom: 4px solid #B30000; }
#content .plan_detail_revendedor .hosting_title h2 { color: #509136; border-bottom: 4px solid #509136; }
#content .plan_detail_vps .hosting_title h2 { color: #0947D3; border-bottom: 4px solid #0947D3; }
#content .plan_detail_simple .hosting li a:link { color: #B30000; }
#content .plan_detail_revendedor .hosting li a:link { color: #509136; }
#content .plan_detail_vps .hosting li a:link { color: #0947D3; }
#content .plan_detail_simple .hosting li.plan_vinculo { background: url(../images/triang_red.gif) 5px 60% no-repeat; }
#content .plan_detail_revendedor .hosting li.plan_vinculo { background: url(../images/triang_green.gif) 5px 60% no-repeat; }
#content .plan_detail_vps .hosting li.plan_vinculo { background: url(../images/triang_blue.gif) 5px 60% no-repeat; }

table.plan_detail { width: 96%; margin: 0 10px 10px 20px; }
.plan_detail td, .plan_detail th  { text-align: left; vertical-align: top; }
.plan_detail thead th { padding: 5px 0 5px 5px; text-transform: uppercase; color: #FFF; background: #B30000; }
.plan_detail thead td { padding: 3px 0 3px 10px; font-weight: bold; color: #2E485E; background: #E7EBEF; border-bottom: 1px solid #FFF; }
.plan_detail tbody th { padding: 5px 0 5px 5px; text-transform: lowercase; color: #6A7389; background: #CED3D9; border-bottom: 1px solid #B7BCC2; }
.plan_detail tbody td { padding: 3px 0 3px 10px; color: #2E485E; background: #fff; border-bottom: 1px solid #B7BCC2; }

#comparativo thead td, #comparativo thead th { border-right: 1px solid #FFF; }
#comparativo tbody td { border-right: 1px dotted #CED3D9; }

#content td p.contratar { width: 4em; margin: 0 2px 4px 0; padding: 1px 5px; background: #B30000; border: 1px solid #2E485E;}
#content td p.contratar a:link, #content td p.contratar a:visited { font-weight: 400; text-decoration: none; color: #FFF;}
#content td p.contratar a:hover { font-weight: 400; text-decoration: underline; color: #FFF; }
#content .plan_detail_revendedor td p.contratar { background: #509136; }

.plan_detail tbody td.centeralign { text-align: center; }

.plan_detail tbody .tfoot th { padding: 3px 0 3px 15px; }
.plan_detail tbody tr.plan_sinborde td, #comparativo  tbody tr.plan_sinborde td { padding-top: 15px; border: 0; }

#content .plan_detail a:link, .plan_detail a { text-decoration: none; color: #2E485E; border: 0; }
#content .plan_detail a:visited, #content .plan_detail a:active { border: 0; text-decoration: none; color: #B30000; }
#content .plan_detail a:hover { text-decoration: underline; color: #000; border: 0; }		

#content .hosting_title { margin: 0 30px 0 70px; position: relative; }
#content .hosting_title h2 { margin: 0; padding:0; font-size: 2em; font-weight: normal; background-image: none; }
#content .hosting_title p { position: absolute; right: 0; bottom: 0; margin: 0; padding: 0 0 3px 0; font-size: 2.3em;  color: #2E485E; }
#content .hosting_title p strong span { position: relative; bottom: 5px; font-size: .45em; text-transform: lowercase; color: #2E485E; }

#content .hosting { margin: 0 30px 20px 70px; padding: 10px; background: #EBEDEE; border-top: 2px solid #FFF;  }
#content .hosting ul { margin: 0; padding: 0; background: none; }
#content .hosting li { width: 180px; margin: 3px 5px 3px 20px; padding: 0 5px 0 5px; color: #2E485E; background: none; border-bottom: 1px dotted #6A7389; }
#content .hosting li.plan_vinculo { padding-left: 20px; background: url(../images/triang_green.gif) 5px 60% no-repeat; border: none; }

#content .hosting ul.float { float: left; }
#content .hosting ul.float li { margin-right: 5px!important; margin: 2px 20px 2px 10px;  padding: 0 5px 0 5px; background: #fff; border: 1px dotted #2E485E; }

#content .hosting li a:link { font-weight: bold; border: 0; color: #B30000; }
#content .hosting li a:visited { font-weight: bold; text-decoration: underline; border: 0; color: #7B8286; }
#content .hosting li a:hover { font-weight: bold; text-decoration: underline; border: 0; color: #2E485E; }