/* ========================== CSS Reset ========================== */
* {border: 0 none;font-size: 100%;font-style: inherit;margin: 0;outline: 0;	padding: 0;vertical-align: baseline; }
body { }

#cuerpo p {margin: 0 0 20px 0;padding: 0; color:#333; line-height:24px; font-size:14px}
a {text-decoration:none; color: #73cdcb; border:none; font-weight:bold}
 a:hover {text-decoration: underline}
/* ========================== ESTRUCTURA ========================== */
#franjatop { background:#75D2D0; margin:0; width:100%; position:relative; height:10px}
#todo {font-family:Arial, Helvetica, sans-serif;font-size: 14px;color: #333;width: 1000px;margin: 0px auto;}

#cabecera {position: relative;width: 1000px; display:block; padding:0 0px; height:125px; color:#FFF; margin: 0px auto; float:left}
img, tr, td, a.active, a, a:hover { border:none; background:none }
p.titulares { font-size:24px; font-weight:bold }
.verde { color:#00afec; font-weight:bold }
#bordervisorbus { border:3px solid #A69697}
#pie {position: relative;display:block; padding:0px; clear:both; background:#211e1c; padding:40px 0; height:290px; margin: 0px auto;}
#cuerpo {position: relative; *position:inherit; width: 1000px; display:block; padding:0 0px;  clear:both; margin-bottom:40px; overflow:hidden}
#cuerpolistado{position: relative; *position:inherit; width: 944px; display:block; padding:0 0px;  clear:both; margin-bottom:40px; overflow:hidden; border:#A59598 solid 3px;}
#menuprincipal {position: relative;display:block; padding:0;  height:31px; float:right; margin:20px 0 0 0}
#contenidos { width:1000px; padding:0px 0px 0 0px; margin: 30px auto 0 auto;}
#contenidos #ColIzq { width:254px; float:left}
#contenidos #ColDer { width:716px; float:right}
#contenidos #ColIzq ul{ margin:5px 0 0 0}
#contenidos #ColIzq li{ text-transform:uppercase; border-bottom:#d4d4d4 solid 1px; padding:0 0 2px 0; margin:0 0 20PX 0}
#contenidos #ColIzq li a{ font-size:15px}
#contenidos #ColIzq li a:hover, #contenidos #ColIzq li a.activo:hover, #contenidos #ColIzq li a.activo{ color:#000000; text-decoration:none}

#contenidos #ColDer li { list-style:none; background:none; font-weight:normal; color:#333333; padding:5px 0 10px 15px; background:url(../imagenes/punto.jpg) no-repeat left 5px; line-height:18px}
/* ========================== ESTILOS GENERALES ========================== */
h1 {font-size:32px; color: #333; margin-bottom:20px; line-height:36px; font-weight:bold}
h2 {font-size:24px; color: #73cdcb; margin-bottom:20px}
h3 {font-size:24px; color: #333; margin-bottom:10px; font-weight:bold}

.txtblanco25bold {font-size:25px; font-weight:bold; color:#fff}
.txtblanco17bold {font-size:17px; font-weight:bold; color:#fff}
.txtblanco12{font-size:12px; font-weight:normal; color:#fff}
.txtblanco11{font-size:11px; font-weight:normal; color:#fff}
.fila {display:block; clear:both}
.activado {text-decoration:underline}

input[type="text"], input[type="password"], .selectWrapper, textarea, button {background: #ffffff;border:1px solid #dddcda;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; font-size:12px;-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.envolturaselect {border:1px solid #dfdfdf; box-shadow:inset 0 -2px 5px 5px rgba(0,0,0,.05);-moz-box-shadow:inset 0 -2px 5px 5px rgba(0,0,0,.05);-webkit-box-shadow:inset 0 -2px 5px 5px rgba(0,0,0,.05);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background:white}
.envolturaselect select {border:none; background:none;background-color: transparent; margin:0; -webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
/* ========================== PIE ========================== */

#pie #contenido {padding:20px 0px 0 0px; border-spacing:0; overflow:hidden;display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;margin:0 auto; width:1000px}
#pie #contenido .col1{ float:left; width:225px; padding:0 25px}
#pie #contenido .col1 img{ margin:0 10px 0 0}
#pie #contenido .col1 p{ line-height:24px; color:#999999; font-weight:bold; font-size:12px}
#pie #contenido .col1 p.titulo{ font-size:18px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; margin:0 0 20px 0}
#pie #contenido .col1 textarea{ width:225px; height:106px; background:#000; border:none; margin:5px 0 0 0; color:#FFFFFF}
#pie #contenido .col1 input{ width:164px; height:26px;background:#000; display:inline; border:none; float:right; margin:0 0 8px 0; color:#FFFFFF}
#pie #contenido .col1 label{border:none; color:#999999; float:left; padding:0 0 20px 0; display:inline; width:60px}


#pie #contenido .col2{ float:right; width:250px}
#pie #contenido .col1 li{ display:block;  padding:0 0px;line-height:24px; margin:0px 0 0 0; color:#999; font-weight:bold}
#pie #contenido .col1 ul li ul{ margin:0 0 20px 0}

#pie #contenido .col1 li li{ display:block;  padding:0 0px;line-height:18px; margin:5px 0 0 0; color:#A9A9A9; font-size:12px; font-weight:normal}
#pie #contenido .col1 li a{ color:#FFFFFF }
#pie #contenido .col2 a{ line-height:14px}
#pie a,#pie p {color:#ccc; font-size:14px; line-height:26px;}
#pie a{color:#ccc; font-size:12px;}
/* ========================== CABECERA ========================== */
#cabecera .logo {margin:48px 0 0 0; float:left; width:280px}
#cabecera a{color:#FFF}
#menuprincipal ul.menu { padding:0 0 0 5px;}
#menuprincipal .menu li {font-size:20px;  display:inline; list-style:none; padding:5px 10px 5px 10px; display:inline-block; float:left; border-right:1px solid #d6d6d6; }
#menuprincipal .menu li a{font-size:20px; padding:0px 0px 0 0px; display:inline; list-style:none; color:#333; height:22px; font-weight:bold}
#cabecera .submenucab {float:right; margin:10px 0 0 0}
#cabecera .submenucab .submenu {float:right;}
#cabecera .submenu li a, #cabecera .submenu li{color:#333; font-size:12px; font-weight:normal}
#cabecera .submenu li{ padding:0 7px}

#cabecera .submenu, #cabecera .menu {display:block; list-style:none; margin-bottom:10px}
#cabecera .submenu li, #cabecera .menu li {display:inline-block; *display:inline; line-height:18px;}

#menuprincipal .menu li:hover, #menuprincipal .menu li.activado a, #menuprincipal .menu li.activado a:hover {display:inline-block; text-decoration:none; color:#75D2D0}

#menuprincipal .menu li a:hover{text-decoration:none; color:#75D2D0}


#clienteshome, #tarifaplanahome, #casodeexitohome, #tarifaplanahome1 { float:left; width:1000px; border-top:#ccc dotted 1px;padding:15px 0 15px 0; margin:20px 0 0 0}
#casodeexitohome { float:left; width:1000px; border-top:#ccc dotted 1px;border-bottom:#ccc dotted 1px; padding:15px 0 15px 0; margin:20px 0 0 0}
#tarifaplanahome1 {border-bottom:#ccc dotted 1px; }
#clienteshome img{ display:inline; margin:20px 0 0 0px; border-right:#e5e5e5 solid 1px; padding:0 11px}
#clienteshome img:hover {filter:alpha(opacity=70); -moz-opacity:.50;opacity:.50; background-color:#FFFFFF }
#tarifaplanahome .tarifa1, #casodeexitohome .tarifa1, #tarifaplanahome1 .tarifa1 {position:relative; float:left; width:270px; padding:0 15px 0 0 }
#tarifaplanahome .tarifa1, #tarifaplanahome1 .tarifa1{ float:left; width:265px; padding:0 15px 0 0 }
#tarifaplanahome .tarifa2, #tarifaplanahome1 .tarifa2 { float:right; }
#tarifaplanahome .tarifa2 img, #tarifaplanahome1 .tarifa2 img{ margin:0 15px 0 0 }
#casodeexitohome .casos { position:relative; float:left; background:#F5F5F5; width:226px; margin:0 16px 0 0; height:242px; display:block }
#casodeexitohome .casos .vercaso{ position:absolute; bottom:10px}
#casodeexitohome .tarifa1 { height:241px}
#casodeexitohome .tarifa1 .vercasos { position:absolute; bottom:10px}
#casodeexitohome .casos img{ margin:0px 0 8px 0 }

#casodeexitohome .casos h4{ font-size:18px; padding:0 8px 3px 8px; font-weight:normal; color:#333; }
#casodeexitohome .casos p{ font-size:12px; padding:0 1px 0 8px; margin:0px 0 15px 0;font-weight:normal; color:#666666 }
#casodeexitohome .casos a{ font-size:14px;  padding:0 8px; color:#73cdcb; margin:10px 0 0 0; font-weight:normal  }
#casodeexitohome h4{ font-size:26px;  color:#73cdcb; padding:0px 0 30px 0}
#casodeexitohome h3{ margin-bottom:1px}


/* ========================== CUERPO ========================== */

/************************************* CONTACTO ************************************************/

#colizqCont { float:left; width:581px; height:446px; background:url(../imagenes/contacto.png) no-repeat; margin:-16px 0 0 -20px }
#colderCont { float:right; width:400px; line-height:33px }
#colderCont p{ line-height:33px }
#formulario {float:left; width:1000px; font-size:12px; line-height:14px; margin:30px 0 0 0}
#formulario p{ font-size:12px}

#formulario a{ line-height:14px}

.formCol { float:left; width:255px; margin:0 30px 0 0}
.formColC { float:left;width:195px; margin:25px 30px 0 0}
#formulario .formColC p{ line-height:14px}

#formulario input{width:252px;color:#999999;height:26px;padding:0 0 0 6px;	border:#ccc solid 1px;margin:9px 0 40px 0;font-size:12px;font-family:Arial, Helvetica, sans-serif; background:#f3f3f3; border:1PX solid #dadada}

#formulario textarea{width:532px;color:#999999;height:162px;padding:0 0 0 6px; background:#f3f3f3; border:1PX solid #dadada;margin:9px 0 12px 0;font-size:12px;font-family:Arial, Helvetica, sans-serif; }

#formulario label{ font-size:12px; font-weight:normal}

#formulario span.obligatorio { color:#73cdcb }

#formulario input.casilla {height:15px;width:15px;}
#formulario input.codigo { background:none; border:#CCCCCC solid 1px; height:35px; width:195px; margin-bottom:10px}

select.campos_buscador {
width:43px;
    background-clip: padding-box;
    border: 1px solid #DFDFDF;
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    font-size: 11px;
    height: 22px;
    padding: 3px 4px 3px 2px;
	 background:#FFF; margin:0; -webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}


#submenu_galeria { margin:0px 0 20px 0; float:left; width:1000px}

#submenu_galeria ul li{ float:left; display:inline;}



.visor_home {
float:left;
width:580px;
margin:25px 0 20px 0;
}




#intro_home {
margin:0 0 30px 0;
float:right;
width:830px;
}

#ColIzq {
	float:left;
	width:655px;
}

/* ========================== PAGINA PROYECTOS ========================== */
#proyectos { border-top:solid #f5f5f5 11px; float:left; width:1000px; padding:30px 0 0px 0; margin:10px 0 0 0 }

.proyectosList { background:url(../imagenes/marco.png) no-repeat; display:block; margin:0 10px 20px 0; width:227px; height:207px; padding:5px 0 0 15px; float:left }

.proyectosList img{ margin:0px; padding:0px; }

.proyectosList img:hover{filter:alpha(opacity=70); -moz-opacity:.50;opacity:.50; background-color:#FFFFFF }
#proyectos .proyectosList .proyectosCont p{ margin:0px 0 0 0px; padding:0px 0 0 0px; font-size:16px }
#proyectos .proyectosList a{ font-size:12px; }

.proyectosList .proyectosCont{ float:left;  background:#f5f5f5; width:200px; padding:4px 5px}

.proyectosList .redes{ float:right; margin:10px 0px 0;}
.proyectosList .vermas{ float:left; margin:18px 0 0 0 }


.proyectosfic { float:left; width:1000px; padding:0 0 35px 0; margin:0 0 60px 0; border-bottom:#CCCCCC dotted 1px }
.proyectosDetImg { float:left; width:480px }
.proyectosContDet { float:right; width:500px}

.proyectosContDet h1{ padding:0px; margin:0px; width:}
.proyectosContDet h3{ font-size:23px;  color:#73cdcb; padding:0px 0 0px 0}

a.facebookbot { background:url(../imagenes/facebokk1.png) no-repeat; height:25px; width:25px; display:block; float:left }
a.facebookbot:hover { background:url(../imagenes/facebokk2.png) no-repeat; }
a.wptwitter { background:url(../imagenes/twitter1.png) no-repeat; height:25px; width:25px; display:block; float:left }
a.wptwitter:hover { background:url(../imagenes/twitter2.png) no-repeat;}

img.compartir { background:url(../imagenes/shared1.png) no-repeat; height:25px; width:25px; display:block; }
img.compartir:hover { background:url(../imagenes/shared2.png) no-repeat; }
.redesseguidores { float:right; width:250px; }
.addthis_button_facebook_like at300b { width:120px; }

/* ========================== PAGINA NOTICIAS ========================== */
.noticiasCont {position:relative;  float:left; width:630px; margin:0px 0; border-bottom:solid 1px #CCCCCC; padding:25px 0 25px 0 }
.noticiasCont .foto_not { float:left; width:200px }
.noticiasCont .texto_not { float:right; width:410px}
.noticiasCont .texto_notCom { float:left; width:630px}
.noticiasCont .texto_notCom img{ margin:0 0 20px 0}
.noticiasCont .botnot { position:absolute; bottom:10px; right:0px}


/* ========================== PAGINA TARIFA PLANA ========================== */
#tarifas {float:left; width:990px; padding:20px 0 0px 0; margin:0px 0 0 0 }

#tarifas .tarifasPack { float:left; width:232px; margin:0 20px 0 0; color:#FFFFFF}
#tarifas .tarifasPack1 { float:left; width:232px; height:266px; background:url(../imagenes/bg_tarifa.jpg) no-repeat;  color:#FFFFFF}


#tarifas .tarifasPack1 p.top{color:#FFFFFF; font-size:19px; font-weight:bold; padding:11px 0 0 0; text-align:center}

#tarifas .tarifaMiddle { float:left; width:232px; text-align:center; display:block; padding:20px 0 10px 0}
#tarifas .tarifaMiddle p.precio{ text-align:center; color:#FFFFFF; font-size:80px; line-height:60px; margin:0px; padding:0px}
#tarifas .tarifaMiddle p.horas{ text-align:center; color:#FFFFFF; font-size:19px; line-height:18px; margin:0px; padding:0px}
#tarifas .tarifaMiddle p.des{ text-align:center; color:#999; padding:0 30px; font-size:13px; font-family:"Times New Roman", Times, serif; line-height:14px; margin:0px }

#tarifas .tarifaMiddle p.precio span{ text-align:center; color:#FFFFFF; font-size:30px}
#tarifas .tarifaMiddle .division{ float:left; background:#f0bbb9; width:232px; height:9px; display:block; margin:25px 0 9px 0}

#tarifas .incluye { float:left; width:232px; text-align:center;display:block; font-weight:bold; font-size:19px; color:#000; margin:25px 0 9px 0}

#tarifas .packsnotas p { font-size:11px; font-weight:bold }
#tarifas .incluyeCon { float:left; width:232px; text-align:center;display:block; color:#000; height:310px; border-top:#f5f1f1 solid 9px; background:#fefafa}

#tarifas .incluyeCon li { list-style:none; font-size:11px; color:#000000; text-align:center; border-bottom:#e4e3e3 solid 1px; display:block; padding:13px 0px}

.otroplanes { float:left; width:1000px; margin:30px 0 10px 0 }

#contenidos .otroplanes .packsnotas p{ line-height:14px;}

#contenidos .otroplanes p.otrosservicios { font-size:30px; font-weight:bold; }
#contenidos .otroplanes p.packs { font-size:30px; font-weight:bold; }

#contenidos .packotros { float:left; width:1000px; border-top:#f5f5f5 solid 11px; padding:35px 0 20px 0}
#contenidos .packotros1 { float:left; width:600px}
#contenidos .packotros1 p{ color:#666666; margin:6px 0 0 0px; padding:0px}
#contenidos .packotros2 { float: right;}
#contenidos .packotros2 span.precio{ font-size:72px; color:#000}
#contenidos .packotros2 span.euro{ font-size:32px; color:#000; margin-bottom:20px}

#contenidos .packotros p.packs { color:#75d2d0; font-size:24px; font-weight:bold}



.clientes img {border:solid #CCCCCC 1px; margin:0 18px 20px 0 }
.clientes img.ultimo {border:solid #CCCCCC 1px; margin:0 0px 20px 0 }
.clientes img:hover {filter:alpha(opacity=70); -moz-opacity:.50;opacity:.50; background-color:#FFFFFF }

a.tarifalink { float:right; margin:0 15px 0 0 }

a.pdf { background:url(../imagenes/pdf.png) no-repeat right; padding:25px 130px 25px 0; line-height:60px; font-weight:normal; font-size:12px; color:#333333 }

a.pdf:hover { text-decoration:none; color: #73cdcb; }