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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
outline : 0;
font-weight : normal;
font-style : normal;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
border : none;
}
body {line-height : 1;}
table {
border-collapse : collapse;
border-spacing : 0;
}
:focus {outline : 0;}
blockquote:before, blockquote:after, q:before, q:after {content : "";}
blockquote, q {quotes : "" "";}
ol,ul {list-style : none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
strong {font-weight : bold;}
em {font-style : italic;}
acronym {cursor : help;}
.clear{ clear:both; height:5px;}
/* ------------------------------------------------------------
----> #########
------------------------------------------------------------ */
body {
color : #222; background:#f6f6f6;
font-family: 'Economica', sans-serif;
}
a {
text-decoration : none; color : #222;
}
a:hover { color:#01acfe}
strong.azul{ color:#01acfe}
p {
margin-bottom : 15px;
}
#accessibility {
position : absolute;
top : -99999em;
}
h1.new{}
img { width: 100%}
/* -------------------------------------------------------------------------------------------------------
----> header
----------------------------------------------------------------------------------------------------------------- */
header{ background:#fff url(images/bg-header.png) repeat-x; height:142px; clear:both }
header .head{ width:1100px; margin:0 auto; padding:0; position:relative;}
header a.logo { display:block; float:left; width:38% ; height:auto; max-width:300px; margin:15px 0; padding:0; }
/*__________iconos header_____________*/
header .iconos {
height : 30px; width:100%; line-height:23px;
}
header .iconos ul { float:right; ;text-align:right}
header .iconos ul li { display:inline-block; margin-left:10px;}
header .iconos ul li a{
font-size :1em;
padding-left:4px; line-height:1.2em;
margin-left : 0px;color:#999999
}
.iconos ul li a:hover{ color:#333333}
header .head .iconos ul li.phone { background:url(images/icons/phone.png) 0 1px no-repeat; padding-left:17px; }
header .head .iconos ul li.mail {background : url('images/icons/mail.png') 0 5px no-repeat; padding-left:17px; font-size:1em;}
header .head .iconos ul li.chat { background : url('images/icons/chat.png') 0 4px no-repeat;padding-left:17px;}
header .head .iconos ul li.soporte { margin-right:3px;background : url('images/icons/soporte.png') 0 2px no-repeat;padding-left:19px; ;}
.iconos ul li a.clientes { border-radius:0 0; background:url('images/icons/login.png') 0 3px no-repeat;
text-align:center;
margin:0; padding:4px; padding-left:14px; font-weight:bold; color:#222;
}
.iconos ul li a.clientes:hover {background:#01acfe url('images/icons/login.png') 0 3px no-repeat;;}
/**--------------------------**/
/* NAVIGATION */
nav { margin: 0; position:relative; top:4.4em; float:right; width: auto; font-size:1.2em; }
nav li { margin: 0 ; display: block; float: left; clear: none; margin-left:1em; }
nav a { display: block;background:#01acfe; color:#FFFFFF; border-radius:5px 5px 0 0; text-decoration:none;color:#fff;padding:0.3em 1.8em 0.4em 1.8em; text-transform:uppercase; font-weight:bold; }
nav ul li a.sel{ color:#222}
nav a:hover,nav ul li a.sel:hover { background:#222; color:#FFFFFF; border-radius:5px 5px 0 0;}
/* -------------------------------------------------------------------------------------------------------
----> #end HEADER
----------------------------------------------------------------------------------------------------------------- */
/***********************************/
.mail {color:#01acfe; font-size:1.3em;}
h1.center{ text-align:center; font-size:1em;font-size:20px}
h1.center span{ color:#00b7ff; font-size:20px}
a img{ text-align:center;}
/* ---> #SLOGAN en index--------------------------------------------------------------------------------- */
#SLOGAN{ width:100%; padding:0; text-align:center; background:#01acfe ; margin:0; }/*subvencion */
#SLOGAN H1{ width:1000px; margin: 0 auto;color:#fff; padding:20PX; font-size:3em; line-height:normal }
/* -------------------------------------------------------------------------------------------------------
----> #banner
----------------------------------------------------------------------------------------------------------------- */
.slider { background:#fff;margin:0px auto; text-align:center; padding:0; }
/* ------------------------------------------------------------
----> #seccion contenidos
------------------------------------------------------------ */
#contenido{ width:100%; background:#fff; height:auto; padding:0; margin: 0px auto; padding-top:20px; }
.wrapper{ width:1100px; margin:0 auto; padding-bottom: 50px; ; }
h2{ color:#01acfe; font-size:3.2em;text-transform:uppercase; font-weight:bold; line-height:2em }
A{ color:#01acfe;}
p{ font-size:1.3em; line-height:1.2em; text-align:justify}
/* ------------------------------------------------------------
----> #empresa
------------------------------------------------------------ */
#servicios{ width:100%; background:#fff; min-height:400px;; padding:0; margin: 0px ; padding-bottom:30PX; padding-top:20px; }
#servicios .center{ width:1100px; margin:10px auto; height:400px; padding:10px; }
#empresa{ width:100%; background:#eee; height:400px;; padding:0; margin: 0px ; padding-top:20px; }
#empresa .center{ width:1100px; margin:10px auto; height:400px; padding:10px; }
#contacto{ width:100%; background:#fff; height:1030px;; padding:0; margin: 0px ; padding-top:20px; }
#contacto .center{ width:1100px; margin:10px auto; height:400px; padding:10px; }
/* ------------------------------------------- */
/* secciones INDEX---------------------------- */
.index { float : left; width :31%; background:#f6f6f6; border:1px solid #eee; margin-bottom:25px; height : 457px; margin-right:32px ; margin-top:20px;padding:0px; }
.index#right { margin-right:0px ; }
.index h1 { background:#f3f3f3; text-align:center;padding:20px; letter-spacing:-0.1em }
.index h1 a { color:#222; font-size:3em; text-transform:uppercase }
.index h1 a:hover{ color:#222;}
.index p{ text-align:justify;font-size:1.2em;margin:0 20px 0 20px;color:#222; position:relative; }
.index img { text-align:center; margin:20px; margin-top:0; padding:8px; background:#fff ; width:85%; }
.index a.mas { padding:2px 9px 6px 9px; display:block;margin:0; color:#FFFFFF ; width:16px; float:right; line-height:0.4em; background:#01acfe; font-size:4em;}
.index a.mas:hover { color:#ccc ; padding-top:3px ;}
p.path, p.path a{ color:#999999; font-size:16px;}
/* ------------------------------------------------------------
----> #equipo
------------------------------------------------------------ */
ul.razones { width:95%; margin:15px;}
ul.razones li{ margin-left:25px;}
ul.razones li img{ width:7%; float:left}
ul.razones li p{ width:90%; float:left; padding:10px;color:#222; font-size:1.5em; line-height:1.1em; }
ul.razones li span{ font-weight:bold; font-size:2em; }
.hostigal, .softigal{ width:40%; margin:10px 30px 10px 30px ; float:left}
.hostigal img, .softigal img{ width:80%;}
.hostigal p, .softigal p{ }
.hostigal a, .softigal a { font-weight:bold; color:#222; line-height:1em; font-size:1.9em ; text-transform:uppercase}
.hostigal a:hover, .softigal a:hover { color:#01acfe; }
/* ------------------------------------------------------------
----> #servicios
------------------------------------------------------------ */
#wrapper a:hover{ text-decoration:none; }
.servicios{ background:#f6f6f6; height:auto; border:1px solid #ddd;
margin-bottom:30px; padding:35px; padding-bottom:0;clear:both }
.servicios h1 { float:left; color:#01acfe; font-size:1.9em; line-height:1em; }
.servicios h1.service { float:left; color:#01acfe; font-size:2.4em; line-height:1em; }
.servicios h1 a { color:#01acfe; line-height:1em; }
.servicios h1 a span, .servicios h1 span { color:#222; font-size:2em; text-transform:uppercase; font-weight:bold }
.servicios h1 a:hover{ text-decoration:none; color:#92d6f7;}
.servicios img{ float:right; width:30% ; max-width:340px;}
.servicios p{ color:#222; float:left; width:60%; text-align:justify; padding-top:8px; padding-bottom:0; line-height:20px; font-size:1.3em }
.servicios a { color:#222; text-transform:uppercase; font-weight:bold }
.servicios a.mas{ padding: 15px; border-radius:5px; padding-left:45px; float:right; margin:16px 0; color:#FFFFFF ; background:#01acfe url(images/more.png) 8px 9px no-repeat; font-size:1.6em;}
.servicios a.mas:hover{background:#222 url(images/more.png) 9px 11px no-repeat; }
.servicios h1 span.middle { font-size:1.4em; line-height:1em; }
/* ------------------------------------------------------------
----> #noticias
------------------------------------------------------------ */
.noticia{ background:#f6f6f6; border:1px solid #ddd; min-height:250px; margin-bottom:30px; padding:35px; padding-bottom:20px; }
.noticia h3 { color:#222; font-size:2.2em; line-height:2em; padding:0; text-transform:uppercase; }
.noticia img{ float:right; width:33% ; max-width:340px; }
.noticia a { color:#01acfe; }
.noticia p{ color:#222; float:left; width:62%; text-align:justify; padding-top:8px; padding-bottom:8px; margin:0; line-height:20px; font-size:1.2em }
/* ------------------------------------------------------------
----> #noticias -subvencion
------------------------------------------------------------ */
.subv{ background:#f6f6f6; border:1px solid #ddd; min-height:250px; margin-bottom:30px; padding:15px; padding-bottom:20px; }
.subv h1 { color:#222; text-transform:uppercase; font-size:2.3em; line-height:1em; }
.subv h2 { color:#01acfe; text-transform:none; font-size:1.8em; line-height:1em; }
.subv h3 { color:#222; font-size:2.2em; line-height:2em; padding:0; text-transform:uppercase; }
.subv img{ float:right; width:33% ; max-width:340px; }
.subv a { color:#01acfe; }
.subv p{ color:#222; float:left; width:62%; text-align:justify; padding-top:8px; padding-bottom:8px; margin:0; line-height:20px; font-size:1.2em }
.subv ul { list-style-image:url(images/lista.png);float:left; width:64%; padding:0; line-height:1.3em; margin-top:20px; margin-left:20px; text-align:left;font-size:1.3em;}
.subv ul li{ margin-left:30px; margin-bottom:8px; }
.subv ul li.title { list-style-image:none ; margin-left: 0px; font-size:1.4em;line-height:1.4em; text-transform:uppercase}
img.subvencion{ width:98%; max-width:1000px}
/* ------------------------------------------------------------
----> servicios #diseņo web
------------------------------------------------------------ */
.servicios h3 { color:#222; font-size:1.3em; font-weight:bold; line-height:0.8em; }
.servicios ul { list-style-image:url(images/lista.png);float:left; line-height:1.8em; margin:10px; margin-left:40px; margin-bottom:0; font-size:1.4em;}
.servicios p.precio, .servicios .precio2{ float:left; font-size:14px; width:auto; margin:10px; margin-left:0; }
.servicios p.precio span, .servicios .precio2 span{font-size:5.3em; color:#222; font-weight:bold;}
.servicios .buttons { float:left; padding:5px; margin:20px;}
.servicios .buttons a{ float:left; padding:10px; margin-right:20px; margin-top:20px; background:#222; border-radius:3px; color:#FFFFFF; font-size:1.6em;}
.servicios .buttons a:hover{ background:#666;}
.servicios .buttons a.software{ float:left; padding:10px; margin-right:20px; margin-top:10px; background:#222; border-radius:3px; color:#76d2fe; font-size:1.6em;}
.servicios .buttons a.software:hover{ color:#fff; }
/**estilos web eco*/
.servicios h1.eco { float:none; color:#222; font-size:6em; font-weight:bold }
.servicios h1.eco span{ color:#cfe462; font-size:1em; }
.servicios .buttons a.eco{ background:#cfe462; color:#222}
.servicios .buttons a.eco:hover{ background:#b6ce3c}
/**estilos web pyme*/
.servicios h1.pyme { float:none; color:#222; font-size:6em; font-weight:bold }
.servicios h1.pyme span{ color:#75c5f0; font-size:1em; }
.servicios .buttons a.pyme{ background:#75c5f0; color:#222}
.servicios .buttons a.pyme:hover{ background:#46a6d9}
/**estilos web pro*/
.servicios h1.pro { float:none; color:#222; font-size:6em; font-weight:bold }
.servicios h1.pro span{ color:#e7737a; font-size:1em; }
.servicios .buttons a.pro{ background:#e7737a; color:#222}
.servicios .buttons a.pro:hover{ background:#cd555c}
/**estilos web shop*/
.servicios h1.shop { float:none; color:#222; font-size:6em; font-weight:bold }
.servicios h1.shop span{ color:#f6d800; font-size:1em; }
.servicios .buttons a.shop{ background:#f6d800; color:#222}
.servicios .buttons a.shop:hover{ background:#e4c800}
/*portafolio*/
.portafolio {float:left; width:21%; margin:10px; padding:10px; background:#f6f6f6; border:1px solid #ccc; color:#555; }
.portafolio img{ width:98%}
.portafolio h3{ color:#222; font-size:1.7em; margin-top:8px; line-height:1.6em ; font-weight:bold; text-transform:uppercase }
.portafolio p{ color:#222; ; text-align:left; font-size:1.1em}
.portafolio a{ color: #01acfe}
/********COMPARATIVAS WEB **********************/
.comparativa{ width:100%; margin-bottom:30px; }
.comparativa p.notas{ margin-top:50px; font-style:oblique}
.comparativa ul{ list-style:none; display:inline-block;width:100%; }
.comparativa ul li{ width:18%; padding:5px; margin:0; float:left; color:#000000 ; }
.comparativa ul li img{ width:80%;}
.comparativa ul li.eco{ text-align:center; background:#f0f5d8; width:18%; }
.comparativa ul li.pyme{ text-align:center; background:#dff0f9; width:18%;}
.comparativa ul li.pro{ text-align:center; background:#f8e2e3; width:18%;}
.comparativa ul li.shop{ text-align:center; background:#f9f4ce; width:18%;}
.comparativa ul.principal li{ margin:0; line-height:30px; font-size:1.4em; }
.comparativa ul.principal li.title{ text-transform:uppercase; font-size:1.6em; font-weight:bold; }
.comparativa ul.contenido,
.comparativa ul.principal {width:100%;}
.comparativa ul.contenido li{ margin:0; font-size:1.4em; }
.comparativa ul.contenido li.title{ text-transform:uppercase; font-size:1.6em; font-weight:bold; }
.comparativa ul.contenido li.subtitle{ font-size:1.2em; color:#999999; text-indent:1.5em; font-weight:normal; border-left:0;}
.comparativa ul li div.precio{ font-size:3.5em; padding:10px; padding-bottom:15px; }
.comparativa ul li.eco div.precio{ background:#bad146; }
.comparativa ul li.pyme div.precio{ background:#76c5f0; ;}
.comparativa ul li.pro div.precio{ background:#e7747b; }
.comparativa ul li.shop div.precio{ background:#f6d700; }
.comparativa ul.mantenimiento li.title{ text-transform:uppercase; font-size:1.7em; font-weight:bold; }
.comparativa ul.mantenimiento li.subtitle { color:#999999; font-size:1.2em ; text-indent:1.5em; font-weight:normal; border-left:0;}
.comparativa ul.mantenimiento li div.precio{ font-size:40px; margin-bottom:0;}
/*********servicio HOSTING*************/
.servicios ul.hosting { list-style-image:url(images/lista.png);float:left; width:30%; padding:0; line-height:1.3em; margin-top:20px; margin-left:20px; text-align:left;font-size:1.2em;}
.servicios ul.hosting li{ margin-left:30px; }
.servicios h1.host { float:none; }
.servicios ul.hosting li.title { list-style-image:none ; margin-left: 0px; font-size:1.4em;line-height:1.4em; text-transform:uppercase}
.servicios .buttons a.hosting{ float:left; padding:10px; margin-left:0px; margin-top:17px; background:#01acfe; border-radius:3px; color:#FFFFFF; font-size:1.6em;}
.servicios .buttons a.hosting:hover{ background:#92d6f7; }
.servicios .precio span.medium{font-size: 2.2em; ;}
/*********servicio renting*************/
.servicios ul.renting { list-style-image:url(images/lista.png);float:left; width:30%; padding:0; line-height:1.3em; margin-top:20px; margin-left:20px; text-align:left;font-size:1.2em;}
.servicios ul.renting li{ margin-left:30px; }
.servicios ul.renting li.title { list-style-image:none ; margin-left: 0px; font-size:1.4em;line-height:1.4em; text-transform:uppercase}
/* ------------------------------------------------------------
----> #formulario de renting
------------------------------------------------------------ */
.renting_form{ width:100%; padding-top:0px; background:#e9f5f9; border:1px solid #ccc; }
.renting_form .simulador h3{ font-size:2em; color:#222; text-align:center; font-weight: bold }
.renting_form .simulador{ margin:20px auto; margin-bottom:10px; width:95%; text-align:center; border-radius:10px; }
.renting_form .simulador p{ line-height:12px; text-align:center; margin:0; padding:0; font-weight:bold; margin-top:3px; margin-bottom:5px; }
.renting_form .simulador p.light{ line-height:12px; text-align:center; margin:0; padding:0; font-weight:normal; margin-top:3px; margin-bottom:5px; }
/*importe*/
.renting_form .simulador .left{ float:left; width:20%;margin-top:14px; height:90px; margin-right:30px; background:#b3dae9; padding:10px; border-radius:10px; text-align:center }
.renting_form .simulador .left label{ margin:0; padding:0; width:95%;}
.renting_form .simulador .left input{ margin:0; padding:0; width:90%; margin:5px; padding:6px; text-align:center;}
/*meses*/
.renting_form .simulador .center{ float:left; width:21%;margin-top:14px; height:90px; background:#b3dae9; padding:10px;border-radius:10px;text-align:center}
.renting_form .simulador label.meses{ width:95%; text-align:right; margin-top:10px; font-size:1.4em; }
.renting_form .simulador .mes { width:18%; float:left; margin-left:4px; text-align:center; margin-bottom:10px; }
.renting_form .simulador .mes label{ width:99%; margin:0; padding:0;font-size:1.3em; float:left}
.renting_form .simulador .mes input{border:0; background:none; width:30px; height:25px; margin-top:6px; margin-left:1px; }
/*cuota calculada*/
.renting_form .simulador .right{ float:left; width:30%; margin-left:30px; margin-top:14px; height:90px; border-radius:5px; background:#b3dae9; padding:10px; border-radius:10px;text-align:center}
.renting_form .simulador .right label.rojo{ text-align:center; font-size:1.1em; color:#e50018}
.renting_form .simulador .right label.rojo2{ float:right; width:90px; color:#e50018;text-align:left; margin-right:20px;}
.renting_form .simulador .right input{ width:120px; font-size:1.3em; text-align:center; font-weight:bold; border:none; color:#e50018; background:none}
.renting_form .simulador p.nota{ width:15%; float:right; font-weight:normal; text-align:right; font-size:1em; line-height:18px; margin-top:25px; font-style:oblique; }
.renting_form h5{ text-transform:uppercase; color:#000000; margin:15px 0 9px 0 ; padding:0;}
.renting_form h5.rojo{ color:#e50018; margin-bottom:0;}
/*campos a rellenar**/
.renting_form legend { margin:20px; color:#01acfe; font-size:2em; line-height:1.8em;text-align:center; }
.renting_form .checks{ height:270px; background:url(images/renting-bg.png) right top no-repeat; }
.renting_form .checks .right{ width:50%; float:left; margin:0; padding:0;}
.renting_form .checks .right label { display: inline-block; font-size:1.3em; float: left; height: 25px; margin-bottom:8PX; line-height: 28px; width:24%;color:#222 ; }
.renting_form .checks .right input { width:40%; padding:3px;margin-bottom:8PX; clear:both;}
.renting_form .checks .right label.gr { display: inline-block; float: left; height: 33px; margin-bottom:8PX; line-height: 28px; width: 60%; color:#000 ; }
.renting_form .checks input#aviso{ border:none; background:none; margin:8px 0 0 10px; padding:0; position:relative; width:15px;}
.renting_form .checks input.submit { float:left; clear:both; margin:0; margin-top:20px; margin-bottom:12px; cursor: pointer; border: 1px solid #01acfe; background:#01acfe; color:#fff;border-radius:3px; padding:9px 15px 9px 15px; font-size:20px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }
.renting_form .checks h5{font-weight:bold;text-transform:uppercase; color:#000000; font-size:1.6em;}
.renting_form .checks .left{ width:25%; float: left; margin:0;margin-left:55px ;padding:0; clear:both; }
.renting_form .checks .objeto{ width:70%; height:18px; clear:both; }
.renting_form .checks .objeto input { border:0; background:none; position:relative; float:left; width:18px; height:18px; display:block; margin:0; padding:0; }
.renting_form .checks .objeto p{ float:left; text-align:left; padding:0; margin:0; font-size:1.2em; margin:auto}
.renting_form .radio{ height:20px; margin-top:5px; width:100%; text-align:left; padding:0; margin:0; }
.renting_form .radio h5 { margin:0;float:left; }
.renting_form .radio input {border:0; background:none; position:relative; float:left; width:20px; display:block; margin:0; padding:0; margin-left:10px; }
.renting_form .radio p{ width:25px; float:left; position:relative; text-align:left; padding:0; margin:0; font-size:1em; }
.rentback{ width:99%; margin-bottom:10px; }
.rentback p{ text-align:left; font-size:0.95em; color:#000000; line-height:14px; margin:6px 0 0 0; padding:0; text-align:justify;}
.rentback span{ color:#e50018; font-weight:bold;}
.rentback input { border:0; background:none;float:left; width:20px; display:block; margin:0; padding:0; margin-top:9px; }
input[type="checkbox"] {
-ms-transform:scale(0.7,0.7); /* IE 9 */
}
/* ------------------------------------------------------------
----> #contactar
------------------------------------------------------------ */
.mapa{ float:left; width:64%;}
.mapa iframe{ width:100%; height:400px;}
.contactar{float:right; width:35%;margin:0; padding:0; }
.contactar ul{ list-style:none; margin-left:40px; }
.contactar ul li{ margin:10px 0 25px 0; font-size:1.5em; color:#222; padding-left:60px; }
.contactar ul li span{ font-size:1.7em; line-height:23px; font-weight:bold;}
.contactar ul li.direccion{ background:url("images/direccion.png") 0 0 no-repeat; }
.contactar ul li.telefono{ background:url("images/telefono.png") 0 0 no-repeat;}
.contactar ul li.chat{ background:url("images/chatea.png") 0 0 no-repeat;}
.contactar ul li.email{ background:url("images/email.png") 0 0 no-repeat;}
.contactar ul li.ayuda{ background:url("images/ayuda.png") 0 0 no-repeat;}
.formulario{ clear:both; width:98%; margin:20px auto; padding-top:10px; ;
border-radius:10px; margin-bottom:30px; }
.formulario h3 { color:#01acfe; font-weight:bold; text-transform:uppercase; line-height:1.2em; font-size:2.2em; }
#wrapper .formulario p{ color:#555;font-size:1.3em; padding-left:20px; padding-right:20px; text-align:justify; padding-top:10px; padding-bottom:0; line-height:18px; }
/* ------------------------------------------------------------
----> #enlaces
------------------------------------------------------------ */
#sub-footer{ height:170px;background:#f0f0f0; border-top:1px solid #dededd; }
#sub-footer .enlaces{ width:1100px; margin:16px auto; height:100%;}
#sub-footer .enlaces ul{ width:17%; float:left; margin:5px 15px; line-height:21px;}
#sub-footer .enlaces ul li{ padding-left:10px;line-height:21px;color:#bbb;font-weight:bold;font-size:1.1em;}
#sub-footer .enlaces ul li a{ color:#bbb;}
#sub-footer .enlaces ul li a:hover{ color:#666; text-decoration:none;}
#sub-footer .enlaces ul li.title1{text-transform:uppercase;background:url(images/li1.png) no-repeat; padding: 0 0 5px 30px;}
#sub-footer .enlaces ul li.title2{ text-transform:uppercase;background:url(images/li2.png) no-repeat;padding: 0 0 5px 30px;}
#sub-footer .enlaces ul li.title3{ text-transform:uppercase;background:url(images/li3.png) no-repeat; padding: 0 0 5px 30px;}
#sub-footer .enlaces ul li.title4{ text-transform:uppercase;background:url(images/li4.png) no-repeat;padding: 0 0 5px 30px;}
#sub-footer .enlaces ul li.title5{ text-transform:uppercase;background:url(images/li5.png) no-repeat; padding: 0 0 5px 30px;}
/***enlaces / estilos para movil**/
#sub-footer .enlaces_mobile{ display:none; width:90%; margin:20px; height:270px;}
#sub-footer .enlaces_mobile ul{ width:50%; margin-left:50px;}
#sub-footer .enlaces_mobile ul li{ padding-left:30px;line-height:22px;color:#bbb;font-weight:bold;font-size:1.5em;}
#sub-footer .enlaces_mobile ul li a{color:#bbb;}#sub-footer .enlaces_mobile ul li a:hover{color:#222;}
#sub-footer .enlaces_mobile ul li.title1{text-transform:uppercase;background:url(images/li1.png) no-repeat; padding:5px 5px 5px 30px;}
#sub-footer .enlaces_mobile ul li.title2{ text-transform:uppercase;background:url(images/li2.png) no-repeat;padding:5px 5px 5px 30px;}
#sub-footer .enlaces_mobile ul li.title3{ text-transform:uppercase;background:url(images/li3.png) no-repeat; padding: 5px 5px 5px 30px;}
#sub-footer .enlaces_mobile ul li.title4{ text-transform:uppercase;background:url(images/li4.png) no-repeat;padding:5px 5px 5px 30px;}
#sub-footer .enlaces_mobile ul li.title5{ text-transform:uppercase;background:url(images/li5.png) no-repeat; padding:5px 5px 5px 30px;}
/* ------------------------------------------------------------
----> #footer
------------------------------------------------------------ */
footer{ background:#222; }
footer .content{ margin:0px auto; width:1100px; }
footer .content .box {/*background : url('images/bg-box.png') no-repeat; */
float : left;
width : 30%; height : 230px;
margin:6px 5px 7px 0px ; padding:0; padding-top:8px; }
footer .content .box h3{ font-size:1.3em; margin:0; padding:5px; text-transform:uppercase; color:#999; }
footer .content .box img{ margin:10px 0; padding:0;width:55% }
footer .content .box p{ font-size:1em; margin:0; padding:0; line-height:1.1em;letter-spacing:0.03em; color:#777;}
footer .content .box a.link{ color:#fff; font-size:1.2em; text-decoration:underline }
/*soporte y ayuda*/
ul.ayuda{ margin-left:20px;}
ul.ayuda li { width:95%; font-size:1.1em; padding:10px 0 10px 50px;}
ul.ayuda li a h5{font-size:1.1em; font-weight:normal; margin:0; padding:0;text-transform:uppercase; color:#999 }
ul.ayuda li p, ul.ayuda li a p{ font-size:1em; text-align:left; padding:2px; margin-top:0px; }
ul.ayuda li a{ color:#999}
ul.ayuda li a:hover, ul.ayuda li a:hover p{ color:#fff}
ul.ayuda li.clientes{ background:url('images/soporte-clientes.png') left no-repeat; }
ul.ayuda li.chat { background:url('images/chat1.png') left no-repeat; }
ul.ayuda li.centro { background:url('images/centro.png') left no-repeat; }
ul.ayuda li.remoto{ background:url('images/control-remoto.png') left no-repeat; }
/*******redes sociales***************/
h3.float { width:38%; float:left; }
ul.redes { width:56%; height:30px; float:right; margin:0px; padding:0 ;}
ul.redes li{ float:left; width:20%; height:30px; padding:2px;}
ul.redes li a.facebook{ background:url('images/icons/facebook.png') no-repeat; width:99%;height:30px; display:block; }
ul.redes li a.twitter{ background:url('images/icons/twitter.png') no-repeat;width:99%; height:30px; display:block; }
ul.redes a.google{ background:url('images/icons/google.png') no-repeat; width:99%; height:30px; display:block; }
ul.redes li a.youtube{ background:url('images/icons/youtube.png') no-repeat;width:99%; height:30px; display:block; }
ul.redes li a.facebook:hover{ background:url('images/icons/facebook-hover.png') no-repeat; width:99%; height:30px; display:block; }
ul.redes li a.twitter:hover{ background:url('images/icons/twitter-hover.png') no-repeat;width:99%; height:30px; display:block; }
ul.redes li a.google:hover{ background:url('images/icons/google-hover.png') no-repeat; width:99%; height:30px; display:block; }
ul.redes li a.youtube:hover{ background:url('images/icons/youtube-hover.png') no-repeat;width:99%;height:30px; display:block; }
a.twitter-timeline{ background:#FFFFFF}
/* ------------------------------------------------------------
----> #PIE
------------------------------------------------------------ */
#pie {
background : #01acfe url('images/copy.png') 0 0 repeat-x;
height : 40px;
border-top : 1px solid #0465C6;
clear : both; padding-top:5px;
top : 2px; text-align:center;
font-size : 0.9em;
margin : 0;
color : #222;}
#pie p {
width : 1100px;
margin : 0 auto; text-align:center; padding-top:8px;
position : relative; text-transform:uppercase
}
#pie p a {
color : #222;
}
#pie p a:hover {
color : #555;
}
/* ------------------------------------------------------------
----> PRODUCTOS
------------------------------------------------------------ *
#productos{ height:890px; width:100%; }
#productos .center{ width:1100px; margin:65px auto; }
/* descripcion producto----------------------------- *
#productos .center .descripcion{ width:1100px; height:220px; }
#productos .center .descripcion h1 { height:27px; background:#01acfe;margin:0; text-align:left; margin-bottom:20px; padding:3px; padding-right:0; font-size : 1.3em; font-family:Century Gothic,Helvetica, sans-serif;color:#fff; text-transform:uppercase; font-weight:bold; border-bottom:1px dotted #bbbbbb; }
#productos .center .descripcion p{ margin:0; text-align:justify; padding:5px; padding-left:15px; padding-right:15px; font-size:0.95em; color:#555; line-height:22px;}
#productos .center .descripcion h4{ text-align:center; font-size : 1.6em; color:#555; }
#productos .center .box {
float : left;
width : 245px;border:1px dotted #efefef;
height : 340px;
margin:14px ; padding:0px;
}
#productos .center .box ul { margin-left:15px; }
#productos .center .box ul li{ padding-bottom:2px; font-size : 1.1em; font-family:Century Gothic,Helvetica, sans-serif;color:#888;
}
#productos .center .box .info { float:left; height:40px; line-height:20px; width:80px;font-size : 1.8em; padding-top:20px; color:#ccc; text-align:right; padding-left:20px;}
#productos .center .box .info a{ color:#ccc;}
#productos .center .box .precio { float:right; height:40px; line-height:20px; width:100px;font-size : 0.9em; color:#999; text-align:right; padding-right:20px;}
#productos .center .box .precio span{ font-size : 2.6em; font-weight:bold; color:#01acfe }
#productos .center .box .precio span.consultar{ font-size : 1.8em; font-weight:bold; color:#01acfe }
#productos .center .porque {
float : left;
width : 1100px; height : 180px; margin:100px auto; padding:0px;
}
#productos .center .porque ul { list-style:none; text-align:left;}
#productos .center .porque ul li{ font-size:1.3em; color:#999; font-weight:normal; margin:10px; padding-left:30px;margin-left:50px;background:url(images/li1.png) no-repeat;}
#productos .center .porque ul li.title{ text-align:center; font-size : 2.3em; color:#7ccaef; padding:0; margin:5px; background:none; height:40px; }
/***********FORM CONTACT***********/
.verif{ display: none; }
img.qr{ width:150px; height:150px; float:right}
label { display: inline-block; height: 20px; line-height: 20px; width: 72px; color:#222; text-transform:uppercase; font-weight:bold; font-size:1.3em; }
label.gr {width: 462px; text-align:right; }
input, textarea, select { margin: 0; padding: 2px; color: #666; background: #fefefe; border: 1px solid #ccc; margin: 5px 0; -moz-border-radius: 5px; -webkit-border-radius:5px; }
textarea{ width:90%; max-width:750px; }
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#222; color:#fff; font-weight:bold; text-transform:uppercase; font-size:2em; font-family: 'Economica', sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; width:100px; margin-left:30px; }
input.submit:hover { background:#777; }
fieldset {display: block; padding:10px; -moz-border-radius: 5px; -webkit-border-radius:5px; }
span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */
/* Style for the error message */
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../imagenes/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.success_page { display: block; height: 45px; line-height: 25px; background: #FBE3E4 url('../imagenes/success.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#contactform{ margin-top:50px; border=1px solid #ccc; padding:20px; text-align:center;}
/**cookies*******************/
#cookies { box-shadow:#ccc 2px 2px 2px; border-top:1px solid #000000; width:100%; height:25px; background:#333;text-align:center; color:#fff ;position:absolute; bottom:0; left:auto; z-index:10000; margin:0 auto; filter:alpha(opacity=80);
-moz-opacity:.80;opacity:.80;
position:fixed; padding-bottom:18px;
}
#cookies .info{ width:900px; text-align:center; margin:0 auto; }
#cookies p{ float:left;font-size:1.3em; width:50%; text-transform:uppercase; margin-bottom:9px; padding-top:2px; padding-top:13px; }
#cookies a{ color:#fff;float:left; font-size:1.3em; font-weight:normal; margin-top:11px; text-decoration:underline }
#cookies img{ width:70px; float:left;margin-left:0px; margin-right:5px; margin-top:8px; display:block }
#cookies img#close{ width:30px; float:left;margin-left:10px;margin-top:8px; display:block }
.close {
cursor: hand;
cursor: pointer;
}
/****/
#wrapper .politica{ width:1100px; margin:50 auto; height:590px; background:#fafafa; border:1px solid #f5f5f5;
border-radius:10px; }
#wrapper .politica h1{ color:#01acfe; font-size:1.6em; padding-left:30px; padding-top:30px; }
#wrapper .politica h1 span{ font-weight:bold;}
#wrapper .politica p{ color:#555; font-size:0.9em; padding-left:30px; padding-right:30px; text-align:justify; padding-top:8px; padding-bottom:0; line-height:22px; }
@media (min-width: 979px) and (max-width: 1200px){
header .head{ width:960px; }
header h1 a { width : 25%; }
nav a { padding:0.3em 0.5em 0.3em 0.5em; }
.wrapper{ width:auto; margin-left:5px; margin-right:5px; }
#subvencion H1{ width:900px; font-size:2.5em; }
.index { margin-right:20px ; }
.index h1{ font-size:0.9em;}
.index img{ margin:5px; text-align:center}
/*portafolio*/
.portafolio {float:left; width:28%; }
.portafolio img{ width:98%}
/* - #formulario de renting------------------------------- */
.renting_form .simulador .mes { width:16%; }
.renting_form .checks .left{ width:28%; float: left; margin:0;margin-left:25px ;padding:0; }
#sub-footer .enlaces{ width:970px; margin:20px auto; height:270px;}
#sub-footer .enlaces ul{ width:18%; float:left; margin:5px }
footer .content .box { width : 27%; height : auto; }
/*soporte y ayuda*/
ul.ayuda{ margin-left:20px;}
ul.ayuda li { width:95%; font-size:1.1em; padding:10px 0 10px 50px;}
ul.ayuda li a h5{font-size:1.1em; font-weight:normal; margin:0; padding:0;text-transform:uppercase; color:#999 }
#pie p { width : 950px;}
}
@media (min-width: 768px) and (max-width: 978px) {
header { height:200px;}
header .head{ width:auto; }
header h1 a { width : 32%; }
nav { top: 8em; }
nav li { margin-left:0.5em; }
nav a { padding:0.3em 0.5em 0.3em 0.6em; }
#subvencion H1{ width:700px; font-size:2.5em; }
.wrapper{ width:auto; margin-left:5px; margin-right:5px; }
h1.title{ line-height:1em }
#subvencion H1{ width:700px; font-size:2em; }
.flexslider .slides img {width: 100%; display: block;}
.index { float : none; height:170px; width :98%; padding-top:20px; }
.index img{ float:left; width:23%; margin:0; padding:0;}
.index p, .index h1{ text-align:left; float:right; width:75%; padding:0; margin:0 }
/*servicios*/
.servicios{ padding:25px; padding-bottom:0;}
.servicios p{ width:65%; font-size:1.2em }
.servicios a.mas{ font-size:1.5em;}
/*portafolio*/
.portafolio {float:left; width:29%; margin:5px;}
.portafolio p{ font-size:1.05em}
.comparativa ul li img{ width:80%; text-align:center;}
.comparativa ul li { font-size:0.9em;}
.comparativa ul.contenido li.subtitle, .comparativa ul.mantenimiento li.subtitle { text-indent:0.1em;}
/* - #formulario de renting------------------------------ */
.renting_form .simulador p.nota{ width:95%; float:none; clear:both ; text-align:center; padding-top:10px;}
.renting_form .simulador .left{ width:28%}
.renting_form .simulador .center{ width:29%;}
.renting_form .simulador .right{ width:25%; }
.renting_form .checks{ background:none; }
.renting_form .checks .left{ width:35%; font-size:1em; margin-left:15px; }
.renting_form .checks .right{ width:62%;}
.noticia{ padding:10px; min-height:270px; }
.noticia h3 { line-height:1.2em; }
.noticia p{ font-size:1.1em }
/*contact form*/
label{ display:block}
label.gr {width: 292px;display:inline-block }
textarea{ max-width:500px;}
#sub-footer .enlaces{ width:760px; margin:15px auto; height:270px;}
#sub-footer .enlaces ul{ width:18%; float:left; margin:5px; }
#sub-footer .enlaces ul li{ line-height:18px;}
/**footer*/
footer .content{ width:760px; }
footer .content .box { width : 30%; height : auto; }
/*soporte y ayuda*/
ul.ayuda{ margin-left:10px;}
ul.ayuda li { width:75%; font-size:1.1em; padding:10px 0 10px 50px;}
#pie { height : auto;}
#pie p { width : 700px; padding-top:2px;
}
#cookies { height:60px; }
}
@media (min-width: 421px) and (max-width: 767px) {
header h1 a { display : none;}
header a.logo { display:block; width:98% ; height:auto; max-width:340px; margin:0; padding:0; }
header { height:390px;}
header .head{ width:auto; }
header .head .iconos { height : 40px;
}
header .head .iconos ul li{ text-align:left}
header a.logo { height:50%;}
header nav { top:0em; margin:0; }
nav a { padding:0.3em 0.6em 0.3em 0.6em; }
nav , nav ul{ float:left; margin: 6px 5px 10px 5px; padding: 0; } /*********** CAMBIA MENU *************/
nav li { margin: 0; display: block; float: left; padding: 0; width: 100%; clear: none; background:none; }
nav a { margin-bottom:2px; padding: 6px 0 8px; text-indent: 30px; background: #01acfe url(images/bg_arrow_white.png) 96% 50% no-repeat; color:#FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
nav a:hover , nav ul li a.sel:hover{ background:#222 url(images/bg_arrow_white.png) 96% 50% no-repeat; color:#FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
h1.title{ line-height:1em; font-size:3.5em;}
#subvencion H1{ width:400px; font-size:2em; }
.wrapper{ width:auto; margin-left:5px; margin-right:5px; }
h2{ line-height:1em;}
.index { float : none; height:150px; width :98%; font-size:0.9em; clear:both; }
.index img{float:left; width:25%; margin:0; margin-left:10px; padding:0; }
.index p, .index h1{ text-align:left; float:right; width:72%; padding:0; margin:0 ; }
.index h1{ margin:0; font-size:0.9em; margin-top:20px ; background:none }
/* - #equipo --- */
ul.razones{ margin:5px; }
ul.razones li img{ width:12%; }
ul.razones li p{ width:78%; }
.hostigal, .softigal{ width:90%; margin:5px;}
.hostigal img, .softigal img{ max-width:350px;}
.servicios{ padding:25px ; padding-bottom:0; }
.servicios img{ width:93%; float:none }
.servicios p{ width:98%; float:none; margin-bottom:3px; font-size:1.2em; line-height:1.1em;}
.servicios h1{ float:none; font-size:1.4em; line-height:1.2em;}
.servicios a.mas{ background:#01acfe url(images/more.png) 5px 5px no-repeat; font-size:1.3em;}
.servicios a.mas:hover{ background:#222 url(images/more.png) 6px 6px no-repeat ;}
.servicios .buttons { float:none; width:100%; padding:0; margin:0;}
.servicios p.precio { padding-top:15px; float:left; }
.servicios .buttons a{ float:left; margin:5px; padding:9px; width:auto; text-align:center; background:#222; border-radius:3px; color:#FFFFFF; font-size:1.3em;}
.servicios .buttons a.hosting{ margin:20px ; margin-left:0; padding:8px; font-size:1.3em;}
.servicios p.precio span {font-size:4em; }
/* servicios #diseņo web -------------------------- */
.servicios ul { line-height:1em; font-size:1.3em; width:99%;}
.servicios ul li { margin-bottom:10px;}
/*********servicio HOSTING*************/
.servicios ul.hosting { float:none; width:95%; line-height:1em; margin-top:5px; margin-left:5px;}
.servicios ul.hosting li{ line-height:1em; }
.noticia{ padding:25px }
.noticia h3{ line-height:1.1em;}
.noticia img, .noticia p { float:none; width:95% }
/*subvenciones*/
.subv img { float:none; width:75% }
.subv p { float:none; width:95% ; }
.subv ul { width:97%; margin:0; font-size:1.2em;}
.subv ul li.title{ line-height:1em;}
img.subvencion{ width:98%; max-width:700px;}
/*portafolio*/
.portafolio {float:left; width:40%; min-width:240px; }
.portafolio img{ width:98%}
.portafolio p{ font-size:1.1em}
.portafolio h3{ line-height:1.1em}
/*comparativa webs*/
.comparativa ul li img{ width:90%; text-align:center;}
.comparativa ul li { width:17%; }
.comparativa ul.contenido li.subtitle, .comparativa ul.mantenimiento li.subtitle { text-indent:0.1em; font-size:0.9em; line-height:1em;}
.comparativa ul li div.precio{ font-size:1.9em; font-weight:bold; }
.comparativa ul.mantenimiento li div.precio{ font-size:1.7em;font-weight:bold; }
.comparativa ul.principal li.title, .comparativa ul.contenido li.title, .comparativa ul.mantenimiento li.title{font-size:1.2em; line-height:1em; font-weight:bold; }
.comparativa ul li.eco, .comparativa ul li.pyme, .comparativa ul li.pro, .comparativa ul li.shop{ width:16%; font-size:1em;}
.servicios ul.renting { width:90%; }
/* - #formulario de renting------------------------------ */
.renting_form .simulador p.nota{ width:95%; float:none; clear:both ; text-align:center; }
.renting_form .simulador .left, .renting_form .simulador .center , .renting_form .simulador .right{ float:none; margin:0; margin-top:6px; padding:5px; width:90%}
.renting_form legend{ font-size:1.6em; line-height:1em;}
.renting_form .checks{ background:none; clear:both }
.renting_form .checks .left, .renting_form .checks .right{ width:95%; float:none}
.renting_form .checks .right{ margin-left:30px;}
.renting_form .checks .right label { font-size:1.1em;width:95%; float: none; height: auto; margin:0; padding:0; line-height:20px; }
.renting_form .checks .right input { width:85%;padding:3px; margin:0; clear:both;}
.renting_form .checks .right label.gr { margin-bottom:0; line-height: 2em; width: 75%; }
.renting_form .checks input.submit { text-align:center; }
#sub-footer{ height:210px;}
#sub-footer .enlaces{ display:none}
#sub-footer .enlaces_mobile{ display:block}
#sub-footer .enlaces_mobile ul{ width:80%; margin-left:2px; font-size:0.8em; line-height:0.8em;}
/*------------------------------------------------------------ */
.mapa{ float:none; width:95%;}
.mapa iframe{ width:100%; height:300px;}
.contactar{float:right; width:95%;margin:0; padding:0; }
/*contact form*/
label{ display:block}
label.gr {width: 292px;display:inline-block }
footer { height:auto}
footer .content{ width:95%; float:none; text-align:left; margin:0; padding:0 ; margin-left:5px;}
footer .content .box{width : 95%; margin:0 ; height:auto; padding-bottom:20px; border-bottom:1px dashed #444; }
footer .content .box img{ max-width:250px; width:55% }
ul.redes, h3.float { width:96%; }
ul.redes li{ width:10%; }
/
/*soporte y ayuda*/
ul.ayuda{ margin-left:0;}
ul.ayuda li { width:80%; font-size:1.1em; padding:10px 0 10px 50px;}
ul.ayuda li a h5{font-size:1.1em; font-weight:normal; margin:0; padding:0;text-transform:uppercase; color:#999 }
#pie { height :90px;}
#pie p { width : 90%; font-size:1.1em;
}
/**cookies*******************/
#cookies { height:80px; }
#cookies .info{ width:auto; text-align:left; padding-top:6px; }
#cookies p{ width:95%; float:none; margin:0; padding:0; }
}
@media (max-width: 420px) {
img{ width:100%}
header { height:380px; background:#fff url(images/bg-tall.png) repeat-x; }
header .head .iconos { height : 40px;
}
header .head{ width:auto; }
header .head .iconos { float:none; width:99%; }
header .iconos ul li { display:inline-block; margin-left:1px; width:19%; }
header .iconos ul li a{ font-size :0.9em;
padding-left:4px; line-height:1 em;}
header .head .iconos ul li.phone { background:url(images/icons/phone.png) 23px 0 no-repeat; padding-top:16px; padding-left:0; width:27% }
header .head .iconos ul li.mail {background : url('images/icons/mail.png') 5px 1px no-repeat; padding-top:13px; padding-left:0; padding-right:5px;width:11%}
header .head .iconos ul li.chat { background : url('images/icons/chat.png') 6px 1px no-repeat;padding-top:13px; padding-left:0;width:11%}
header .head .iconos ul li.soporte { margin-right:3px;background : url('images/icons/soporte.png') 18px 0 no-repeat;padding-top:13px; padding-left:0;;}
.iconos ul li a.clientes { border-radius:0 0; background:url('images/icons/login.png') 15px 0px no-repeat; padding-top:13px; padding-left:0;}
header h1 a { display : none;}
header a.logo { display:block; width:98%; height:68px; margin:0; max-width:330px; margin-top:10px; padding:0; }
nav a { padding:0.3em 0.6em 0.3em 0.6em; }
header nav { top:1em; }
h1.title{ line-height:1em; font-size:3em;}
#subvencion H1{ width:90%; font-size:2em; }
h1.center{ line-height:1em; font-size:2em; width:90%; }
h2{ line-height:1em; font-size:1.7em;}
nav , nav ul{ float:left; margin: 6px 5px 10px 5px; padding: 0; }
nav li { margin: 0; display: block; float: left; padding: 0; width: 100%; clear: none; background:none; }
nav a { margin-bottom:2px; padding: 6px 0 8px; text-indent: 30px; background: #01acfe url(images/bg_arrow_white.png) 96% 50% no-repeat; color:#FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
nav a:hover , nav ul li a.sel:hover { background:#222 url(images/bg_arrow_white.png) 96% 50% no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.wrapper{ width:auto; margin-left:5px; margin-right:5px; }
.index { float : none; height:460px; width :95% ; }
.index img { width :80% ; }
.index h1 { line-height:1.5em; font-size:0.9em }
/* - #equipo --- */
ul.razones { clear:both}
ul.razones, ul.razones li{ margin:1px; padding:0; font-size:0.9em }
ul.razones li img{margin:1px; float:none; width:30%; }
ul.razones li p{ width:95%;float:none; margin:1px; padding:0; }
.hostigal, .softigal{ margin:0;width:90%; margin-bottom:20px; ;}
.hostigal a, .softigal a{ font-size:1.3em; ;}
.servicios{ padding:5px ; padding-bottom:0; }
.servicios h1{ line-height:1em; font-size:1.5em; }
.servicios h1 span{ line-height:1em; }
.servicios img { float:none; width:95% }
.servicios p { float:none; width:98% ; font-size:1.2em; line-height:1em;}
.servicios a.mas{ background:#01acfe url(images/more.png) 5px 5px no-repeat; font-size:1.3em;}
.servicios a.mas:hover{ background:#222 url(images/more.png) 6px 6px no-repeat ;}
.servicios .buttons { float:none; padding:5px; margin:5px;}
.servicios .buttons a{ float:left; width:95%; text-align:center; margin:3px; margin-left:0; background:#222; border-radius:3px; color:#FFFFFF; font-size:1.3em;}
.servicios .buttons a.hosting{ margin:0px; padding:5px; font-size:1.3em;}
.servicios p.precio span {font-size:4em; }
/*subvenciones*/
.subv img { float:none; width:75% }
.subv p { float:none; width:95% ; }
.subv ul { width:97%; margin:0; font-size:1.1em;}
.subv ul li.title{ line-height:1em;}
img.subvencion{ width:98%; max-width:400px;}
/* servicios #diseņo web -------------------------- */
.servicios ul { line-height:1em; font-size:1.2em; margin:5px 5px 10px 25px;}
.servicios ul li { margin-bottom:10px;}
.servicios h1.eco , .servicios h1.pyme , .servicios h1.pro, .servicios h1.shop{ font-size:4em; }
/*********servicio HOSTING*************/
.servicios ul.hosting { float:none; width:95%; line-height:1.1em; margin-top:5px; margin-left:5px;}
.servicios ul.hosting li.title{ line-height:1em;}
/*portafolio*/
.portafolio {float:left; width:80%; min-width:200px; }
.portafolio img{ width:95%}
.portafolio h3{ line-height:1.1em}
.portafolio p{ font-size:1.1em}
/*comparativa webs*/
.comparativa ul li img{ width:24%; float:left;}
.comparativa ul li { width:90%; float:none; margin:0; padding:0 }
.comparativa ul li.eco, .comparativa ul li.pyme, .comparativa ul li.pro, .comparativa ul li.shop{ float:left; width:24%; font-size:1em;}
.comparativa ul.contenido li.subtitle, .comparativa ul.mantenimiento li.subtitle { text-indent:0.1em; font-size:0.9em; line-height:1em;}
.comparativa ul li div.precio{ font-size:1.9em; font-weight:bold; }
.comparativa ul.mantenimiento li div.precio{ font-size:1.7em;font-weight:bold; }
.comparativa ul.principal li.title, .comparativa ul.contenido li.title, .comparativa ul.mantenimiento li.title{font-size:1.2em; line-height:1em; font-weight:bold; }
.servicios ul.renting { width:90%; }
/* - #formulario de renting------------------------------ */
.renting_form .simulador p.nota{ width:95%; float:none; clear:both ; text-align:center; }
.renting_form .simulador .left, .renting_form .simulador .center , .renting_form .simulador .right{ float:none; margin:0; margin-top:6px; padding:5px; width:90%}
.renting_form legend{ font-size:1.6em; line-height:1em;}
.renting_form .checks{ background:none; clear:both }
.renting_form .checks .left, .renting_form .checks .right{ width:98%; margin-left:8px; float:none}
.renting_form .checks .objeto{ width:90%; height:18px; clear:both; }
.renting_form .simulador .mes { margin-left:1px; }
.renting_form .checks .right label { font-size:1.1em;width:95%; float: none; height: auto; margin:3px 0; padding:0; line-height:20px; }
.renting_form .checks .right input { width:90%;padding:3px; margin:0; clear:both;}
.renting_form .checks .right label.gr { margin-bottom:0; line-height: 14px; width: 75%; }
.noticia{ padding:10px }
.noticia img, .noticia p { float:none; width:95% }
.noticia h3{ line-height:1em;}
#sub-footer{ height:210px;}
#sub-footer .enlaces{ display:none}
#sub-footer .enlaces_mobile{ display:block}
#sub-footer .enlaces_mobile ul{ width:80%; margin-left:2px; font-size:0.8em; line-height:0.8em;}
/*------------------------------------------------------------ */
.mapa{ float:none; width:95%;}
.mapa iframe{ width:100%; height:300px;}
.contactar{float:none; width:95%;margin:0; padding:0; }
.contactar ul{ margin-left:0px; }
.contactar ul li{ font-size:1.2em; }
/*contact form*/
img.qr{ float:none}
label{ display:block; float:none ; }
textarea{ width:200px;}
label.gr { text-align:left;width: auto; width:92%; font-size:0.9em; margin:0; float:right}
input.check{ float:left; }
input.submit{ clear:both; float:none ; margin:0;margin-top:30px;}
footer { height:auto}
footer .content{ width:95%; float:none; text-align:left; margin:0; padding:0 ; margin-left:5px;}
footer .content .box{width : 95%; margin:0 ; height:auto; padding-bottom:20px; border-bottom:1px dashed #444}
ul.redes, h3.float { width:96%; }
ul.redes li{ float:left; width:20%; height:30px; padding:2px;}
/*soporte y ayuda*/
ul.ayuda{ margin-left:0;}
ul.ayuda li { width:80%; font-size:1.1em; padding:10px 0 10px 50px;}
ul.ayuda li a h5{font-size:1.1em; font-weight:normal; margin:0; padding:0;text-transform:uppercase; color:#999 }
#pie { height : 130px;}
#pie p { width : 90%; font-size:1em;
}
/**cookies*******************/
#cookies { height:100px; }
#cookies .info{ width:auto; text-align:left; padding-top:6px; }
#cookies p{ width:95%; float:none; margin:0; padding:0; }
#cookies a, #cookies img{ margin:0; padding:0}
}