*{
margin:0;
padding:0;
}
body{
margin : 0;
padding : 0;
background-image:url(ima/arr___.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#FFF;
font-family:Arial,Tahoma,Verdana, Trebuchet Ms, Helvetica, sans-serif
}
.left, #col1 h1, #col2 h1 { float:left; margin-bottom:25px;}
.clear{ clear:both;}
#contenedor{/*contenedor madre*/
top:0px;
position:relative;
left:50%;
width:920px;
margin-left:-460px;
text-align:center;
background-color:white;
}
#menuoptimo{/*menu html y logo*/
position:relative;
width:100%;
height:60px;
margin: 0px auto 0px auto;
padding: 0px;
z-index:3;
}
h1.logo a {/*logotipo en h1*/
position: absolute;
left:50%;
width: 175px;
height: 75px;
margin-left:-445px;
display: block;
top:15px;
background-image: url(ima/loguito.gif);
overflow: visible;
text-indent: -2000em;
visibility: visible;
}
#menu_principal{/*posición de la caja menu*/
top:10px;
width:900px;
height:40px;
overflow:hidden;
line-height:38px; 
background:url(ima/bk_menu.png) repeat-x center center;
position:relative;
left:0px;
margin: 0px auto 20px auto;
margin-bottom:20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:0 5px;
}
.bk_azul a,.bk_azul{
background:url(ima/bk_menu.png) repeat-x center center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:0 8px;
display:inline-block; height:30px;
line-height:30px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
.bk_azul a:hover{ background: #3871F6; color:#FFFFFF!important;}
#menu_principal ul li{/*menu en lista*/
font-family:Trebuchet MS, Arial, Tahoma, Verdana;
font-size:12px; 
color:#FFFFFF;
padding-left:8px;
padding-right:9px;
display:block;
border-left:1px solid #3871F6;	
float:left;
}
#menu_principal ul li:hover{ background-color: #3871F6;	}
#menu_principal ul li a{ color:#FFFFFF; display:inline-block; line-height:40px;}
.vinc{
text-decoration:none;
color:#0047BA;
font-weight:bold;
}
.vinc:hover{
text-decoration:none;
color:#000033;
font-weight:bold;
}
#homelink{background:url(ima/diseno-web-valencia.png) no-repeat top center; height:40px; width:20px; overflow:hidden; text-indent:-200px; display:inline-block;}
#detalle{/*hoja blanca a fundido*/
top:0px;
position:absolute;
left:50%;
width:940px;
height:243px;
margin-left:-470px;
visibility:visible;
background-image:url(ima/terminacion__.jpg);
background-position:top;
background-repeat:no-repeat;
z-index:1;
}
#banner {/*banner flash corporativo*/
position:relative;
width:920px;
height:150px;
text-align:center;
margin: 0px auto 0px auto;
padding: 0px;
z-index:3;
}
#contenido{/*contenido*/
position:relative;
width:920px;
margin: 0px auto 0px auto;
padding: 0px;
color: #333;
text-align:justify;
z-index:4;
padding-bottom:5px;
}
#contenidonoti{/*contenido*/
position:relative;
width:920px;
margin: 0px auto 0px auto;
padding: 0px;
z-index:4;
text-align:center;
}
h1.noticias {/*noticias*/
position:relative;
margin: 0px auto 0px auto;
width: 666px;
height: 102px;
display: block;
background-image:url(admin/ima/logo.jpg);
background-position:center;
background-repeat:no-repeat;
text-indent: -2000em;
display:block;
}
#contenido table{
margin:auto;
position:relative;
text-align:center;i
}
#col1{/*col1*/
width:280px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
color:#666666; 
background-position:right;
background-repeat:repeat-y; 
padding:10px;
float:left;
margin-left:10px;
}
#col2{/*col2*/
width:280px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
color:#666666; 
padding:10px;
float:left;

}
#colposi{/*col3*/
width:280px; 
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
color:#666666; 
background-position:left;
background-repeat:repeat-y;
padding:10px;
float:left;
}
#posicio{/*para textos y posicionamiento*/
text-align:left;
font-size:12px;
padding-right:10px;
}
#posicio p{ text-align:justify;}
#posicio img{ float:left; margin-right:10px;}
.bordeima{/*borde de imagenes web*/ 
border:none;
}
.separator{ border-bottom:1px dashed #CCC;}

.homeimage{/*borde de imagenes web*/
background:url(ima/img_sombra.png) no-repeat bottom center #F8F8F8;
padding:4px; 
overflow:hidden;
width:272px;
padding-bottom:27px;
border:none;
margin-bottom:5px;
}
.homeimage img{ width:272px; margin-bottom:4px; margin-top:2px;}
.homeimage .vincweb{   color:#333333; text-decoration:none; text-transform:uppercase;}
.homeimage .imglink{ width:272px; height:140px; overflow:hidden; display:inline-block; margin-bottom:5px;}

.destacar{/*Destaco en azul*/
font-size:12px;
color:#1144B7;
}
.vincposicio{/*links en posicionamiento*/
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
text-decoration:none;
color:#333333;
font-weight:bold;
}
.vincposicio:hover{
text-decoration:none;
color:#1144B7;
font-weight:bold;
}
  
.area{/*para textos de areas*/
vertical-align:top;
width:100%;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#666666;
padding:20px;
}
.columna{
vertical-align:top;
width:50%;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#666666;
padding:20px;
}
.espacioarea{
padding:10px;
}
.vincmail{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
font-style:normal;
text-decoration:none;
color:white;
font-weight:bold;
}
.vincmail:hover{
text-decoration:none;
color:#FF9933;
font-weight:bold;
}
.textoformu{
text-align:left;
font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#1144B7;
padding-left:5px;
}
#pielformu{
width:250px;
height:350;
background-image:url(ima/fondoformu.jpg)
}
.caja_formu{
border:1px;
border-style:solid;
border-color:#999999;
background-color:#FFFFFF;
font-family:Arial,Tahoma,Verdana;
text-align:left;
font-size:13px;
color:#666666;
}
.nota{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.foto3 { float:left; margin:0 10px 0 0; padding:3px; border:1px solid #999999; }

#logos{/*posición de la caja menu*/
position:relative;
margin: 0px auto 0px auto;
}
#logos ul li{/*menu en lista*/
display:inline;
}
.marco { margin:0 10px 0 0; padding:3px; border:1px solid #999999; }

h1.subtitulo {/*logotipo en h1*/
position:relative;
margin: 0px auto 0px auto;
padding: 0px;
display:block;
width:158px;
height:37px;
font-family:Trebuchet MS,Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:white;
font-weight:bold;
text-decoration:none;
text-align:center;
padding-top:5px;
background-image:url(ima/celda.jpg);
background-repeat:no-repeat;
}
h2{
font-size:12px;
color:#1144B7;
font-weight:bold;
}
.vincposicio2{/*links en posicionamiento*/
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
text-decoration:none;
color:#333333;
font-weight:bold;
}
.vincposicio2:hover{
text-decoration:none;
color:#1144B7;
font-weight:bold;
}
#direccion {/*dirección*/
position:relative;
width:920px;
height:150px;
text-align:center;
margin: 0px auto 0px auto;
padding: 0px;
z-index:3;
}
#menu_pie{/*posición de la caja menu*/
position:relative;
margin: 0px auto 0px auto;
height:50px;
}
#menu_pie ul li{/*menu en lista*/
font-family:Trebuchet MS, Arial, Tahoma, Verdana;
font-size:13px;
color:#0047BA;
padding-left:5px;
padding-right:5px;
display:inline;	
}
#pie{
position:relative;
margin: 0px auto 0px auto;
width:100%;
height:70px;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:white;
background-color:#013BB5;
}
.nostrum{color:#CCC; text-decoration:none; margin:5px 0 10px 0; display:block;}
#pie img{
top:4px;
position:relative;
border:0;
}
h1.disenografico {/*diseno grafico*/
position:relative;
margin: 0px auto 0px auto;
width: 154;
height: 43px;
display: block;
background-image: url(ima/disenografico.jpg);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
text-indent: -2000em;
visibility: visible;
}
h1.marketing {/*marketing*/
position:relative;
margin: 0px auto 0px auto;
width: 118;
height: 43px;
display: block;
background-image: url(ima/marketing.jpg);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
text-indent: -2000em;
visibility: visible;
}
h1.disenoweb {/*disenoweb*/
position:relative;
margin: 0px auto 0px auto;
width: 121;
height: 43px;
display: block;
background-image: url(ima/disenoweb.jpg);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
text-indent: -2000em;
visibility: visible;
}
h1.freezone {/*disenoweb*/
position:relative;
margin: 0px auto 0px auto;
width: 106;
height: 43px;
display: block;
background-image: url(ima/freezone.jpg);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
text-indent: -2000em;
visibility: visible;
}
h1.posicionamiento {/*posicionamiento*/
position:relative;
margin: 0px auto 0px auto;
width: 210;
height: 43px;
display: block;
background-image: url(ima/posicionamiento.jpg);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
text-indent: -2000em;
visibility: visible;
}
h1.publicidad {/*publicidad*/
position:relative;
margin: 0px auto 0px auto;
width: 118;
height: 43px;
display: block;
background-image: url(ima/publicidad.jpg);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
text-indent: -2000em;
visibility: visible;
}

h1.links{/*links*/
position:relative;
margin: 0px auto 0px auto;
width: 76;
height: 43px;
display: block;
background-image: url(ima/links.jpg);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
text-indent: -2000em;
visibility: visible;
}
h1.proyectos{/*proyectos*/
position:relative;
margin: 0px auto 0px auto;
width: 219;
height: 43px;
display: block;
background-image: url(ima/proyecrecientes.jpg);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
text-indent: -2000em;
visibility: visible;
}
h2.areadeproyectos{/*proyectos*/
position:relative;
margin: 0px auto 0px auto;
width: 196;
height: 43px;
display: block;
background-image: url(ima/areadeproyectos.jpg);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
text-indent: -2000em;
visibility: visible;
}
h2.proyecfuturo{/*proyectos*/
position:relative;
margin: 0px auto 0px auto;
width: 220;
height: 43px;
display: block;
background-image: url(ima/proyecciondefutro.jpg);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
text-indent: -2000em;
visibility: visible;
}
h2.twitter a{
position:relative;
margin: 0px auto 0px auto;
width: 166px;
height: 67px;
display: block;
background-image: url(ima/logotwitter.jpg);
background-position:center;
background-repeat:no-repeat;
/*overflow: visible;*/
text-indent: -2000em;
visibility: visible;
}
h2.blog a{
position:relative;
margin: 0px auto 0px auto;
width: 167px;
height: 67px;
display: block;
background-image: url(ima/logoblog.jpg);
background-position:center;
background-repeat:no-repeat;
/*overflow: visible;*/
text-indent: -2000em;
visibility: visible;
}
#informanoti{
position:relative;
margin:auto;
width:900px;
background-color:white;
vertical-align:middle;
text-align:center;
}
#informanoti h2{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#0033CC;
}
#informanoti p{
text-align:justify;
font-size:12px;
color:#666666;
padding-left:20px;
padding-right:20px;
padding-top:10px;
margin-bottom:100px;
clear:both;
}
#informanoti p img{
position:relative;
float:left;
padding:4px;
margin-right:10px;
padding-bottom:100px;
clear:both;
}
#informanoti h6{
position:relative;
text-align:left;
left:20px;
font-size:12px;
font-style:italic;
font-weight:normal;
color:#666666;
}
#paginacion{
position:relative;
margin:auto;
width:100%;
height:30px;
display:block;
text-align:center;
}
#paginacion p{
padding:5px;
text-align:center;
font-size:11px;
font-weight:bold;
color:black;
}
#paginacion p a{
color:black;
}
#paginacion p a:hover{
color:#003399;
}
#datos{
position:relative;
margin:auto;
display:block;
width:800px;
height:35px;
font-weight:bold;
}
#datos ul li{
list-style-type:none;
display:inline;
float:left;
}
#datos ul li a{
position:relative;
float:left;
margin-left:20px;
margin-right:20px;
text-decoration:none;
}
#datos ul li a:hover{
position:relative;
float:left;
margin-left:20px;
margin-right:20px;
color:#003399;
font-weight:bold;
}
#paravotar{
position:relative;
float:left;
left:15px;
background-color:white;
margin-bottom:200px;
}
#datos ul li .gracias{
position:relative;
top:10px;
float:left;
left:20px;
text-decoration:none;
font-weight:bold;
color:green;
font-size:12px;
margin-right:5px;
}

.botonestrella{ 
text-align:center; 
margin:0; 
width:38px; 
height:35px; 
padding-bottom:6px; 
vertical-align:top; 
background-image:url(ima/estrella1.gif); 
background-position:center; 
background-repeat:no-repeat; 
border:0;
text-indent: -4000em;
display:block;
}
.botonestrella:hover { 
text-align:center; 
margin:0; 
width:38px; 
height:35px; 
padding-bottom:6px; 
vertical-align:top; 
background-image:url(ima/estrella2.gif); 
background-position:center; 
background-repeat:no-repeat; 
border:0;
text-indent: -4000em;
display:block;
}
#datos ul li .fuente{
position:relative;
top:10px;
float:left;
text-decoration:none;
font-weight:bold;
color:#666666;
font-size:12px;
margin-right:5px;
}
#datos ul li .textovotar{
position:relative;
top:10px;
float:left;
left:10px;
text-decoration:none;
font-weight:bold;
color:#666666;
font-size:12px;
}
#recpuntaje{
position:relative;
float:left;
display:block;
width:50px;
height:35px;
background-image:url(ima/recpuntaje.gif);
background-position:center;
background-repeat:no-repeat;
text-align:center;
}
#recpuntaje b{
position:relative;
top:23%;
vertical-align:middle;
font-weight:bold;
color:#2ECEFF;
font-size:12px;
}
#bannernoti{
top:0px;
position:relative;
margin:auto;
width:666px;
height:127px;
background-color:white;
}
#bannernoti ul li{
display:inline;
list-style:none;
}
.vacio{
float:left;
display:block;
width:127px;
height:102px;
text-align:center;
}
.vacio a{
font-family:"Courier New", Courier, monospace;
font-size:10px;
color:#999999;
text-decoration:none;
}
.vacio a:hover{
color:#000000;
}
.vacio b{
position:relative;
top:40%;
vertical-align:middle;
}
#fecha{
top:52px;
position:absolute;
left:50%;
width:312px;
margin-left:-157px;
text-align:center;
z-index:2;
text-align:left;
font-size:12px;
font-weight:bold;
color:#B074D5;
}
#bannernoti ul li h1{
float:left;
text-align:center;
}
#bannernoti ul li h1 a{
width:666px;
height:102px;
display:block;
background-image:url(../ima/logo.jpg);
background-position:center;
background-repeat:no-repeat;
}
#bannernoti ul li h1 a .tapa{
display:none;
}
#bannernoti ul li img{
border:0;
}
#capsula{
position:relative;
margin:auto;
width:90%;
height:250px;
display:block;
}

#croll{
top:5px;
left:5px;
margin:auto;
position:relative;
height:100%;
width:100%;
display:block;
overflow:auto;
}
#croll h1{
position:relative;
margin:auto;
font-size:18px;
font-weight:bold;
color:#993399;
padding-bottom:5px;
}
#croll h2{
position:relative;
margin:auto;
margin-right:10px;
font-size:12px;
font-weight:bold;
color:#003366;
}
#croll h2 a{
position:relative;
margin:auto;
margin-right:10px;
color:#003366;
text-decoration:none;
}
#croll h2 a:hover{
position:relative;
margin:auto;
margin-right:10px;
color:#0099CC;
}
#croll p{
margin-right:10px;
font-size:12px;
color:#666666;
text-align:justify;
}
#croll p img{
float:left;
padding-right:5px;
padding-bottom:5px;
border:0;
}
#posthome{
padding-top:10px;
text-align:justify;
}
#posicio p{
line-height:18px;
padding-top:10px;
font-size:11px;
}
#posicio span, #posicio span a{ font-size:11px;}
#posthome p{
line-height:18px;
padding-top:10px;
font-size:11px;
text-align:justify;
}
#posthome h2 a, #posthome p a{
text-align:justify;
color:#003366;
text-decoration:none;
}
#posthome h2 a:hover, #posthome p a:hover{

color:#0099CC;
}
#posthome #navi{
padding-top:10px;
text-align:left;
width:100%;
}
#posthome #navi a{
 color:#333333;   font-size:11px;
}
#posthome #navi a:hover{ text-decoration:none;}
.joomla h4{
color:#000000;
}
.joomla h1{
color:#0047BA;
font-size:24px;
}
#nnn{

padding:20px;

padding-top:0px;
}
#portfolio{
position:absolute;
right:5px;
top:15px;
}
#llamada{
position:absolute;
right:200px;
top:15px;
}
#portfolio a, #llamada a{
color:#FFFFFF;
text-decoration:none;
}
#portfolio a:hover, #llamada a:hover{
color:#00CCFF;
text-decoration:none;
}
.fastcontact{ position:absolute; top:65px; right:10px; font-size:30px; color:#3871F6; letter-spacing:-1px; font-style:italic; padding-left:45px; background:url(ima/phone-ico.png) no-repeat center left;}

#cu3er-container{ width:910px; height:142px; margin:0 auto; overflow:hidden; z-index:2; position:relative;}

.logos{ padding:15px; text-align:center;}
.logos a img{ border:none; margin-bottom:10px; width:190px;}

.blu{
width:900px;
height:40px;
overflow:hidden;
line-height:38px; 
background:url(ima/bk_menu.png) repeat-x center center;
margin-left:-15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:0 5px;
margin-top:10px;
}

.blu.lista a{ color:#FFFFFF; font-size:12px; width:296px; text-align:center; display:inline-block; text-decoration:none; text-transform:uppercase; font-weight:bold; border-right:1px solid #3871F6;}
.blu.lista a:hover{background-color: #3871F6;}
.credits{ margin-left:5px; margin-bottom:5px; font-size:12px; color:#FFFFFF;}
.credits a{ color:#CCCCCC;}
.credits a img{ float:right; margin-left:5px; margin-top:5px; border:none;}