*{
margin:0;
padding:0;
}
body{
margin : 0;
padding : 0;
background-image:url(ima/arr.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#013BB5;
font-family:Arial,Tahoma,Verdana, Trebuchet Ms, Helvetica, sans-serif
}
#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:100px;
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:-460px;
display: block;
background-image: url(ima/loguito.gif);
overflow: visible;
text-indent: -2000em;
visibility: visible;
}
#menu_principal{/*posición de la caja menu*/
top:80px;
position:relative;
left:0px;
margin: 0px auto 0px auto;
}
#menu_principal 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;	
}
.vinc{
text-decoration:none;
color:#0047BA;
font-weight:bold;
}
.vinc:hover{
text-decoration:none;
color:#000033;
font-weight:bold;
}
#detalle{/*hoja blanca a fundido*/
top:0px;
position:absolute;
left:50%;
width:940px;
height:273px;
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;
}
#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:250px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
color:#666666;
background-image:url(ima/divide.gif);
background-position:right;
background-repeat:repeat-y;
padding:10px;
}
#col2{/*col2*/
width:250px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
color:#666666;
padding:10px;
}
#colposi{/*col3*/
width:362px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
color:#666666;
background-image:url(ima/divide.gif);
background-position:left;
background-repeat:repeat-y;
padding:10px;
}
#posicio{/*para textos y posicionamiento*/
width:100%;
text-align:justify;
font-size:12px;
}
.bordeima{/*borde de imagenes web*/
border:1px;
border-style:solid;
border-color:#CCCCCC;
}
.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;
}
.vincweb{/*vinculos hacia las webs seccion web de la home*/
font-family:Arial,Tahoma, Verdana;
font-size:11px;
font-style:normal;
text-decoration:none;
color:#666666;
font-weight:bold;
}
.vincweb: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:50px;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:white;
background-color:#013BB5;
}
#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;
}
#posthome p{
line-height:18px;
padding-top:10px;
font-size:12px;
text-align:justify;
}
#posthome h2 a{
text-align:justify;
color:#003366;
text-decoration:none;
}
#posthome h2 a:hover{

color:#0099CC;
}
#posthome #navi{
padding-top:10px;
text-align:center;
width:100%;
}
.joomla h4{
color:#000000;
}
.joomla h1{
color:#0047BA;
font-size:24px;
}
#nnn{

padding:20px;

padding-top:0px;
}
#portfolio{
position:absolute;
right:20px;
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;
}