@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#262626}
html { padding:0; margin:0;}
img {border:none;}

/* main */
.main {
width:100%; 
padding:0; 
margin:0 auto; 
}

.foto_izq {
    float: left;
    padding: 0 20px 20px 0 !important;
}

.foto_der {
    float: right;
    padding: 0 0px 20px 20px !important;
}


.cargando {
    left: 425px;
    position: relative;
    top: 80px;
	
}
/********** header **********/
.header { 
background: url(images/bg_header.gif) top repeat-x;
}

.block_header {
margin:0 auto; 
width:980px;
}

/* logo */
.logo { 
padding:0; 
margin:0 auto; 
width:520px; 
height:123px; 
text-align:center;
float:left;
}

.blog { 
    float: left;
    left: 0;
    position: relative;
    top: 0;
}

.ayuda { 
    float: right;
    left: 0;
    position: relative;
    top: 34px;
}

/* menu */	
.menu { 
padding:5px 0 0 0; 
margin:0; 
width:100%; 
float:left;
}

.menu ul { 
padding:0; 
margin:0; 
list-style:none; 
border:0;
}

.menu ul li { 
float:left; 
margin:0; 
padding:0 2px 0 0; 
border:0;
}

.menu ul li a { 
text-transform: uppercase;
float:left; 
margin:0; 
padding:12px 0; 
color:#e7e7e7; 
font:bolder 12px Arial, Helvetica, sans-serif; 
text-decoration:none;
}

.menu ul li a span { 
padding:16px 16px; 
background:none;
}

.menu ul li a:hover { 
color:#292929; 
background: url(images/r_menu.gif) repeat right top;
}

.menu ul li a:hover span { 
color:#292929; 
background:url(images/l_menu.gif) repeat left top;
}

.menu ul li a.active { 
color:#292929; 
background:url(images/r_menu.gif) repeat right top;
}

.menu ul li a.active span { 
color:#292929; 
background:url(images/l_menu.gif) repeat left top;
}

/*  menu secundary */

.menu_secundario {
    font-family: Arial;
    margin: -27px 0 0;
    position: relative;
}

.menu_secundario li{
	float:left;
	font-size:12px;
	color:#EE7F00;
	font-weight:bold;
	text-transform:uppercase;
	list-style:none;
	padding:0px 25px;
}

.menu_secundario li a{
	float:left;
	font-size:12px;
	color:#EE7F00;
	text-decoration:none;
}

.menu_secundario li a:hover{
	float:left;
	font-size:12px;
	color:#292929;
}

/* search */
.search { 
float:right; 
width:304px; 
padding:0; 
margin:5px 0 0 0; 
height:33px;
}

.search span { 
display:block; 
float:left;
}

.search a { 
display:block; 
float:left; 
padding:10px 10px 0 10px; 
line-height:1.6em; 
color:#4270a1; 
font:normal 11px Arial, Helvetica, sans-serif; 
text-decoration:none;
}

.search a:hover { 
text-decoration:underline;
}

.search form { 
display:block; 
float:left; 
padding:5px 10px 0 10px;
}

.search form .keywords { 
float:left; 
background:url(images/bg_search.gif) top no-repeat; 
border:0; 
height:17px; 
width:140px; 
padding:4px 10px; 
line-height:17px; 
margin:0 10px 0 0; 
font:normal 12px Tahoma, Geneva, sans-serif; 
color:#CCC;
}

.search form .button { 
float:left;
}

/***************main_body******************/
.main_body_resize { 
background:#d2d6db;
}

.main_body { 
width:980px; 
margin:0 auto 0px auto;
padding:0;

}

.main_body img {
 margin:0; 
 padding:0;
 }
 
/********** slider **********/
.slider { 
background: url(images/bg_simple.gif) top repeat-x; 
margin:0 auto;
padding:0; 
height:291px;
}

.slider div.slice1 { 
margin:0 auto; 
width:940px; 
padding:10px;
}

.slider div.slice1 div.slice2 { 
margin:0 auto; 
padding:0; 
width:940px;
}

.slider div div div { 
margin:0 auto; 
padding:0 0 0 40px; 
width:900px; 
height:291px; 
border:0;
}

.slider div div div p.img { 
    float: right;
    margin: 0 -10px 0 0;
    padding: 0 20px;
 }
 
.slider div div div h2 { 
font:bold 36px Arial, Helvetica, sans-serif; 
color:#ee7f00; 
margin:0; 
margin:0; 
padding:15px 0 10px 0; 
line-height:1.2em;
}

.slider div div div p { 
font:normal 11px Arial, Helvetica, sans-serif; 
color:#262626; 
margin:0;
 margin:0; 
 line-height:1.8em;
 }
 
/******butons****/
.butons { 
width:980px; 
height:46px; 
background:url(images/bg_butons.gif) top repeat-x; 
margin:0; 
padding:0;
}

.butons img { 
float:right; 
margin:10px 40px 5px 0;
}

.butons p { 
width:300px; 
float:left; 
background:url(images/bg_body.gif) left no-repeat; 
height:31px; 
padding:8px 0 0 40px; 
margin:5px 0 0 20px;
}

.butons a { 
font:bold 14px Arial, Helvetica, sans-serif; 
color:#333333; 
text-decoration:none;
}

.butons2 { 
width:980px; 
height:46px; 
background:url(images/bg_butons.gif) top repeat-x; 
margin:0; 
padding:0;


display:none;
}

.butons2 img { 
float:right; 
margin:10px 40px 5px 0;
}

.butons2 p { 
width:300px; 
float:left; 
background:url(images/h2_services.jpg) left no-repeat; 
height:31px; 
padding:8px 0 0 40px; 
margin:5px 0 0 20px;
}

.butons2 a { 
font:bold 14px Arial, Helvetica, sans-serif; 
color:#333333; 
text-decoration:none;
}

.butons3 {
width:980px; 
height:46px; 
background:url(images/bg_butons.gif) top repeat-x; 
margin:0; 
padding:0;
}

.butons3 img { 
float:right; 
margin:10px 40px 5px 0;
}

.butons3 p { 
width:300px; 
float:left; 
background:url(images/h2_portfolio.gif) left no-repeat; 
height:31px; 
padding:8px 0 0 40px; 
margin:5px 0 0 20px;
}

.butons3 a { 
font:bold 14px Arial, Helvetica, sans-serif; 
color:#333333; 
text-decoration:none;
}

.butons4 { 
width:980px; 
height:46px; 
background:url(images/bg_butons.gif) top repeat-x; 
margin:0; 
padding:0;
}

.butons4 img { 
float:right; 
margin:10px 40px 5px 0;
}

.butons4 p { 
width:300px; 
float:left; 
background:url(images/h2_cont.png) left no-repeat; 
height:31px; 
padding:8px 0 0 55px; 
margin:5px 0 0 20px;
}

.butons4 a { 
font:bold 14px Arial, Helvetica, sans-serif; 
color:#333333; 
text-decoration:none;
}

/********** block index **********/
.body { 
background: #ececec url(images/bg_body-41.gif) top repeat-x;
}

.body h2 { 
font:bold 20px Arial, Helvetica, sans-serif; 
color:#2c2c2c;
}

h2 { 
font:bold 20px Arial, Helvetica, sans-serif; 
color:#2c2c2c;
text-align:center;
}

.body h3 { 
font:bold 14px Arial, Helvetica, sans-serif; 
color:#ee7f00; 
border-bottom:1px solid #d2d2d2; 
padding:10px 0; 
margin:0;

clear:both;
}

h4 {
font:bold 14px Arial,Helvetica,sans-serif;
color:#2c2c2c;
}

h5 { 
font:bold 18px Arial, Helvetica, sans-serif; 
color:#fff; 
padding:0px 5px; 
margin:0;
clear:both;
}

.naranja {
	color:#ee7f00;
	font-weight:bold;
}

.body p { 
font:normal 12px Arial, Helvetica, sans-serif; 
color:#545454; 
line-height:1.8em;
}

/**********Trabajos*********/
.Work { 
width:201px; 
float:left; 
margin:5px 5px; 
padding:5px 12px; 
border-right:1px solid #fff;
}

.Work p { 
font:normal 11px Arial, Helvetica, sans-serif; 
color:#545454; 
padding:0; 
margin:0; 
line-height:1.8em;
}

.Work img { 
margin:10px 10px; 
padding:0;
border:none;
}

.Work strong { 
color:#2776a4;
}

/**************servicios**************/

#blog_ultimas {
    min-height: 237px;
	max-height: 237px;
}


.services { 
width:415px; 
margin:6px 20px 10px 30px; 
padding:5px 25px; 
float:left; 
border-right:1px solid #fff;
float:left;
}

.services_nosotros { 
width:880px; 
margin:10px 20px 10px 30px; 
padding:5px 25px; 
float:left; 
}

.services_servicios { 
width:880px; 
margin:10px 20px 10px 30px; 
padding:5px 25px; 
float:left; 
}

.services_contacta { 
width:480px; 
margin:10px 20px 10px 30px; 
padding:5px 25px; 
float:left; 
border-right:1px solid #fff;
float:left;
}

.services_derecha { 
    float: left;
    margin: 0px 10px 10px 20px;
    padding: 5px 0;
    width: 425px;

}

.services a { 
float:right; 
margin:0px; 
padding:0; 
text-decoration:none;
}

.services img { 
float:left; 
margin:5px 5px; 
padding:5px 5px;
}

.services_derecha a { 
float:right; 
margin:5px 5px; 
padding:0; 
text-decoration:none;
}

.services_derecha img { 
float:left; 
margin:5px 5px; 
padding:5px;
}








.services_abajo { 
    margin: 10px 10px 10px 20px;
    padding: 5px 0;
    width: 940px;
}

.services_abajo p{ 
    margin: 10px 10px 10px 20px;
    padding: 5px 0;
    width: 900px;
	height:100px;
}


.services_abajo a { 
float:right; 
margin:5px 5px; 
padding:0; 
text-decoration:none;
}

.services_abajo img { 
float:left; 
margin:5px 5px; 
padding:5px 5px;
}

/************Sub************/
.Sub { 
width:306px; 
float:left; 
margin:10px 10px; 
padding:5px 10px;
}

.Sub ul	{ 
list-style:none;
margin:0; 
padding:5px 5px;
}

.Sub li { 
border-bottom:1px solid #d5d5d5; 
background:url(images/ul_li_sub.jpg) left no-repeat; 
padding:10px 0 10px 20px; 
margin:0;
}

.Sub a { 
font:bold 11px Arial, Helvetica, sans-serif; 
color:#545454; 
text-decoration:none;
}

.Sub a:hover { 
color:#2776a4; 
text-decoration:underline;
}

.Sub img { 
float:left; 
margin:5px 5px; 
padding:0;
}

.Sub span { 
color:#128fb4;
}

/********** formulario de contacto **********/
#contactform { 
margin:0; 
padding:5px 10px;
position: relative;
z-index:999999;
}

#contactform * { 
color:#222222;
}

#contactform ol { 
margin:0; 
padding:0; 
list-style:none;
}

#contactform li { 
margin:0; 
padding:0; 
background:none; 
border:none; 
display:block;
}

#contactform li.buttons { 
margin:5px 0 5px 20px;
}

#contactform label { 
margin:0; 
width:110px; 
display:block; 
padding:5px 0; 
font:bold 11px Arial, Helvetica, sans-serif; 
color:#2c2c2c; 
text-transform:capitalize; 
}

#contactform label span { 
color:#2c2c2c;
}

*::placeholder {
	opacity: 1;
}

#contactform input.text { 
	background:#f5f5f5; 
	border: 1px solid #DCDCDC;
	height: 35px;
	margin: 2px 0;
	padding: 5px 2px;
	width: 100%;
	text-indent: 20px;
	color: darkorange;
}

#vacante,
#experiencia {
	background:#f5f5f5; 
	border: 1px solid #DCDCDC;
	height: 35px;
	margin: 2px 0;
	padding: 5px 2px;
	width: 100%;
	text-indent: 10px;
	color: darkorange;
}

#contactform textarea { 
	width:100%; 
	border:1px solid #dcdcdc; 
	margin:5px 0; 
	padding:2px; 
	background:#f5f5f5; 
	position: relative;
	z-index:99;
	color: darkorange;
}

#contactform li.buttons input { 
padding:3px 0; 
margin:0; 
border:0; 
color:#FFF; 
float:left;
}

p.response { 
text-align:center; 
color:#2c2c2c; 
font: bold 11px Arial, Helvetica, sans-serif; 
line-height:1.8em; 
width:auto;
}

/*******************************FBG************************/
.FBG { 
background: #D2D6DB; 
}

.FBG h2 { 
font:bold 20px Arial, Helvetica, sans-serif; 
color:#ee7f00;
}

.FBG_resize { 
background:url("images/bg_body-41.gif") repeat-x scroll center top #ECECEC; 
width:980px; 
margin:0px auto; 
padding:0; 
}

.FBG_resize p { 
font:normal 11px Arial, Helvetica, sans-serif; 
color:#424242; 
line-height:1.8em;
}

.FBG_resize p a:link{ 
font:normal 11px Arial, Helvetica, sans-serif; 
color:#ee7f00; 
line-height:1.8em;
}


/*****Eventos******/
.Events { 
width:415px; 
padding:5px 20px; 
float:left; 
margin:10px 10px;
}

.Events img { 
float:left; 
margin:13px 0px 0px 0px; 
padding:0;
}

.Events a { 
color:#ee7f00; 
font:bold 11px Arial, Helvetica, sans-serif; 
text-decoration:none; 
background:url(images/link_a_bg.gif) left no-repeat; 
float:right; 
padding:0 0 0 20px; 
margin:0;
}

.enlace { 
font:normal 11px Arial, Helvetica, sans-serif !important; 
color:#545454 !important; 
line-height:1.8em !important;
background: none !important;
float:none !important;
padding:0px !important;
margin:0px !important;
}

.enlace a{ 
font:normal 11px Arial, Helvetica, sans-serif !important; 
color:#545454 !important; 
line-height:1.8em !important;
background: none !important;
float:none !important;
padding:0px !important;
margin:0px !important;
}

.Events a:hover { 
color:#424242; 
}

.Events p { 
padding:15px 0 10px 5px; 
line-height:1.8em;
}

/************Bienvenido*************/
.Welcome { 
width:430px; 
padding:5px 20px; 
margin:10px; 
float: right;
}

.Welcome ul { 
    list-style: none outside none;
    margin: 20px 0 0;
    padding: 0;
}

.Welcome li {  
    background: url("images/ul_li.gif") no-repeat scroll 0px 10px transparent;
    color: #424242;
    font: bold 11px/1.8em Arial,Helvetica,sans-serif;
    padding: 7px 0 0 30px;
}

.Welcome img { 
float:left; 
margin:5px 2px; 
padding:0;
}

.Welcome a { 
color:#ee7f00; 
font:bold 11px Arial, Helvetica, sans-serif; 
text-decoration:none; 
padding:0 0 0 0px; 
margin:0;
}


/********** footer **********/
.footer { 
background: url(images/bg_footer.gif);
padding:0; 
height:75px; 
margin:-26px 0px 0px;
}

.footer p { 
font:normal 11px Arial, Helvetica, sans-serif; 
color:#fff; 
padding:20px 0 0 0; 
margin:0; 
text-align:center;
}

.footer a { 
color:#ee7f00; 
text-decoration:none;
}

p.clr, .clr { 
clear:both; 
padding:0; 
margin:0; 
background:none;
}

li.bg, .bg { 
clear:both; 
border-top:1px solid #d2d2d2; 
padding:0; 
margin:5px 0; 
background:none;
}

#banner_ayuda {
margin:67px 0px;
}

#banner_publicidad {
margin:30px 0px;
}

/*////////formularios//////////*/
#index_dest_1 {
    background: url("images/bg_indexSearch.png") no-repeat scroll left bottom transparent;
	margin:0px 0px 70px 0px;
    width: 430px;
}


#index_dest_1_aux {
    background: url("images/bg_indexSearchTop.png") no-repeat scroll left top transparent;
    margin: 20px 0;
    padding: 0 15px 0;
}

#index_dest_2_aux {
    background: url("images/bg_indexSearchTop.png") no-repeat scroll left top transparent;
    padding: 0 15px 38px;
	margin:30px 0px 0px;
}

#index_dest_1_aux h3 {
    border-bottom: 1px dotted #CCCCCC;
    color: #EE7F00;
    font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size: 100%;
    margin-bottom: 9px;
    margin-top: 0;
    padding-bottom: 3px;
    padding-top: 19px;
    text-transform: uppercase;
}

#blog_ultimas h3 {
    border-bottom: 1px dotted #CCCCCC;
    color: #EE7F00;
    font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size: 100%;
    margin-bottom: 9px;
    margin-top: 0;
    padding-bottom: 3px;
    padding-top: 19px;
    text-transform: uppercase;
}

#index_dest_2_aux h3 {
    border-bottom: 1px dotted #CCCCCC;
    color: #EE7F00;
    font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size: 100%;
    margin-bottom: 9px;
    margin-top: 0;
    padding-bottom: 3px;
    padding-top: 19px;
    text-transform: uppercase;
}

#index_dest_1 form input#dominio {
    /*background: url("/img/bg_input-busc-index.jpg") no-repeat scroll 3px 8px transparent;*/
    color: #777777;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    width: 155px;
}

#index_dest_1 form input#rcmloginuser {
    /*background: url("/img/bg_input-busc-index.jpg") no-repeat scroll 3px 8px transparent;*/
    color: #777777;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    width: 155px;
}

#index_dest_1 form input#rcmloginpwd {
    /*background: url("/img/bg_input-busc-index.jpg") no-repeat scroll 3px 8px transparent;*/
    font-size: 16px;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    width: 155px;
}

.title {
	color: #777777;
    font-size: 16px;
    font-weight: bold;
    font-family: arial;
}
#index_dest_1 form #but_buscar_index {
    margin-top: -4px;
    vertical-align: middle;
}

#tabla_clientes {
	background:#fff;
	color: #fff;
	font: bolder 12px Arial,Helvetica,sans-serif;
}


/*/Hosting/*/
#tabla_hosting {
    
}

#tabla_hosting tr{
    border-bottom: 2px solid #EE7F00;
	line-height:1.2em;
}


#tabla_hosting td{
    /*border-bottom: 2px solid #EE7F00;*/
	line-height:1.2em;
}

td.internal_disponible_col1 {
    background: url("/images/comparativa_gradiante_col1.jpg") repeat-y scroll 0 0 #FAFAFA;
}

td.internal_disponible_col2 {
    background: url("/images/comparativa_gradiante_col2.jpg") repeat-x scroll 0 0 #FAFAFA;
}

.internal_caracteristica {
    font:bold 12px Arial,Helvetica,sans-serif;
    height: auto;
    text-align: center;
    width: 142px;
	color:#6B6B6B;
}

.internal_titulo {
	background: none repeat scroll 0 0 #EE7F00;
    border-bottom: 2px solid #EE7F00;
    border-top: 2px solid #EE7F00;
    color: #FFFFFF;
    font: bold 12px Arial,Helvetica,sans-serif;
    height: auto;
    padding: 7px;
    text-align: center;
    text-transform: uppercase;
    width: 142px;
}

.internal_disponible_col1 {
    color: #424242;
    font:bold 12px Arial,Helvetica,sans-serif;
    height: 36px;
    text-align: center;
    width: 138px;
}
.internal_disponible_col2 {
    color: #ffffff;
    font:bold 12px Arial,Helvetica,sans-serif;
    height: 36px;
    text-align: center;
    width: 138px;
}

.internal_disponible_title_col1 {
    color: #424242;
    font:bold 14px Arial,Helvetica,sans-serif;
    height: 120px;
    text-align: center;
    width: 180px;
	text-transform:uppercase;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
    /*background: url("/images/comparativa_gradiante_col1.jpg") repeat-x scroll 0 0 #FAFAFA;*/
	background:#999999;
}
.internal_disponible_title_col2 {
    color: #fff;
    font:bold 14px Arial,Helvetica,sans-serif;
    height: 120px;
    text-align: center;
    width: 138px;
	text-transform:uppercase;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
    background: url("/images/comparativa_gradiante_col2.jpg") repeat-x scroll 0 0 #FAFAFA;
}

.dinero {
	font-size:36px;
	font-weight:bold;
	color:#fff;
}


/*/hosting precios/*/

.modulo {
    background-color: #F9F9F9;
    border-color: #F4F4F4 #F3F3F3 #F2F2F2 #F4F4F4;
    border-style: solid;
    border-width: 1px;
    float: left;
    height: 385px;
    margin-bottom: 10px;
    margin-right: 5px;
    position: relative;
    width: 285px;
}

.modulo .titulo {
    background-color: #EE7F00;
    height: 30px;
    padding: 8px 0 0;
    text-align: center;
    width: 285px;
}

.caja_med {
    height: 100px;
    text-align: center;
}

.caja_med_part {
    float: left;
    height: 100px;
    margin-left: 5px;
    text-align: right;
    width: 100px;
}
.caja_med_part-precio {
    float: right;
    height: 100px;
    margin-right: 5px;
    text-align: right;
}

.columna ul {
    font-family: arial;
    font-size: 12px;
    list-style-image: url("/images/flecha_lista.png");
    list-style-type: none;
}

.modulo .columna ul li {
    margin: 20px 0 0;
}

.modulo .columna .precio {
    bottom: 10px;
    color: #333333;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    left: 20px;
    text-align: right;
    text-transform: uppercase;
}

.modulo .columna .aclaracion {
    color: #EE7F00;
    font-size: 12px;
    font-style: italic;
    text-align: center;
}

.ver_precios {
	float:right;
	color:#fff;
    background: url("/images/bg_verprecios.jpg") no-repeat scroll 0 0 #FAFAFA;
	width:256px;
	height:42px;
    margin: 0 0 10px;
}


/*/ACCESO CLIENTES/*/

#login_clientes {
    width: 100%;
}

#login_clientes tr {
    height: 0px;
}

#login_clientes td {
    margin: 10px;
    padding: 3px 30px;
    text-align: center;
}

#index_dest_3 {
    background: url("images/bg_indexSearch.png") no-repeat scroll left bottom transparent;
	margin:35px auto;
    width: 430px;
}

#index_dest_3_aux {
    background: url("images/bg_indexSearchTop.png") no-repeat scroll left top transparent;
    margin: 20px 0;
    padding: 0 15px 0;
}

#index_dest_3_aux h3 {
    border-bottom: 1px dotted #CCCCCC;
    color: #EE7F00;
    font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size: 100%;
    margin-bottom: 9px;
    margin-top: 0;
    padding-bottom: 3px;
    padding-top: 19px;
    text-transform: uppercase;
}

.services_acceso {
    float: left;
    width: 100%;
	min-height: 580px;
}


#datos_clientes {
    margin: 10px 20px;
    width: 940px;
}

#datos_clientes tr {
    height: 0px;
}

#datos_clientes td {
    margin: 10px;
    padding: 10px;
    text-align: center;
	color: #777777;
    font-size: 12px;
    font-family: arial;
}