@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {

	background: #303030 url(images/fondo.jpg) repeat-x;
	text-align:justify;
	
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
}
.num{
font-size:16px;
margin-left:10px;
margin-top:30px;
font-weight:bold;
color:#FF9900;
}
.botonesMenuSUP{
margin:60px 0 0 0;
float:right;
height:24px;
width:33px;
}
.textoCursivas{
text-align:right;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#00B9FF;}

#divTop0 {
width:100%;
height: 20px;
background: url(images/top-lineas.gif) no-repeat;
}

#divgeneral{
margin: 0 auto;
width:860px;
height:auto;
}


/*Todo lo que va en el encabezado*/
#divEncabezado{
float:none;
width:860px;
height:100px;
}
#logo { 
background:url(images/logo-favola.png);
height:96px;
width:189px;
float:left;
} 
#imaginativa{
background:url(images/imaginativa-invt-comunicativa.png);
height:96px;
width:302px;
float:left;
}
#menusup{
width:330px;
height:96px;
float:left;
}
.botonsup{
float:right;
height:96px;
}
.botonsup img{
border:0px;}

.topimagen{
padding-top:60px; border:0px;}


/*Todo el menu y la animacion flash*/
#divMenuyFLASH{
float:none;
width:859px;
height:232px;
padding-top:10px;
}
#menuAzul{
width:187px;
height:234px;
float:left;
background:url(images/fondomenu.png) no-repeat;
}
#menuAzul ol {
margin: 15px 0 10px 15px;
padding: 0;
}
#menuAzul li {
font-size:14px;
font-weight:bold;
/*color:#FFFFFF;*/
margin: 0 0 0 18px;
list-style: url(images/v-2.png);
padding-left:5px;
}

/*#menuAzul li, #centerContenido , blockquote ol {
	line-height: normal;
	font-style: italic;
}*/

#menuAzul a {
width:140px;
height:25px;
color:#FDFDFD;
display:block;
padding: 5px 0px 3px 0px;
margin-left:-5px;
border-bottom:#00E1FF dashed 1px;
text-decoration: none;
}

#AreaFlash{
width:658px;
height:204px;
float:left;
margin-left:14px;
}
.margenFlash{
padding-top:25px;
border:none;}

/*contacto*/
#divContenido-Contacto{
float:none;
width:858px;
height:844px;
margin-top:18px;
}
/*Todo el contenido*/
#divContenido{
float:none;
width:858px;
height:1044px;
margin-top:18px;
}
#topcontenido {
float:none;
width:859px;
height:22px;
background:url(images/top-contenido.png) no-repeat;
}
#centerContenido {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:760px;
background:#FFFFFF;
}

#SubleftContenido{
float:left;
width:575px;
height:auto;
padding:5px 20px 5px 25px;
}
#SubleftContenido p{
margin-top:10px;
font-size:12px;
}
.tituloAncho{
width:100%;
height:39px;
background:url(images/f-titulo.png);
}
.h1Titulo {
padding-top:7px;
padding-left:8px;
font-size:16px;
color:#00B9FF;
}
.textoNormalResaltado{
font-weight:bold;
color:#000;
}
#contTarjetasGen{
margin-top:10px;
width:100%;
height:262px;
}
.tarjetitas{
margin-left:2px;
margin-right:2px;
float:left;
width:139px;
height:131px;
}
#contDetalleGEN{
width:100%;
height:250px;
margin-top:15px;
}
#contDetalleGEN-Der{
float:left;
width:310px;
height:auto;
}
#contDetalleGEN-Der ol {
margin: 20px 0 20px 15px;
padding: 0;
}
#contDetalleGEN-Der li {
font-size:12px;
margin: 0px 0 0 0px;
list-style: url(images/v-1.png);
padding-left:5px;
}
#contDetalleGEN-Izq{
float:right;
width:245px;
height:auto;
}
.imagenMargin{
margin-bottom:-10px;
margin-top:0px;
border:0px;

}

#SubrigthContenido{
float:right;
width:194px;
height:98%;
padding:5px 20px 5px 20px;
border-left: dashed 1px #999999;
}
#centerContenidoMENU {
padding:25px 25px 10px 25px;
text-align:center;
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:806px;
height:22px;
background:#FFFFFF;

}


#bottomcontenido {
padding:8px 25px 0px 25px;
float:none;
width:808px;
height:75px;
background:url(images/fondo-pie.gif) repeat-x #cccccc;
}
.subbottomcontenido-LEFT {
padding:7px 0 0 0;
text-align:left;
float:left;
width:268px;
height:60px;
}
.subbottomcontenido-RIGHT {
padding:0;
text-align:right;
float:right;
width:530px;
height:60px;
}
/*Diseño grafico*/
.centerContenido-disenoGrafico {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:760px;
background:#FFFFFF;
}
/*Diseñador Web*/
.centerContenido-disenadorPaginasWeb {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:560px;
background:#FFFFFF;
}

/*logotipos*/
.centerContenido-logotipos {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:1340px;
background:#FFFFFF;
}

.SubleftContenido-logotipos{
float:left;
width:575px;
height:auto;
padding:5px 20px 5px 25px;
}

/*emarketing*/
.centerContenido-emarketing {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:770px;
background:#FFFFFF;
}

/*posicionamietno*/
.centerContenido-posicionamiento {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:820px;
background:#FFFFFF;
}


/*tarjeta navideña*/
.centerContenido-navidad {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:900px;
background:#FFFFFF;
}

/*otro servicio*/
.centerContenido-otrosservicios {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:590px;
background:#FFFFFF;
}

/*mapa*/
.centerContenido-mapa {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:790px;
background:#FFFFFF;
}
.Link2-mapa {
font-weight:bold;
font-size:12px;
color:#666;
text-decoration:none;
margin-left:10px;
margin-top:5px;
}
.Link2-mapa:hover{
font-weight:bold;
font-size:12px;
color:#00B9FF;
text-decoration:none;
margin-left:10px;
margin-top:5px;
}

/*Todos Vinculos*/
.linkNegro{
padding-top:7px;
padding-left:0;
padding-right:0;
font-size:12px;
color:#00B9FF;
text-decoration:none;
}
.linkNegro:hover {
padding-top:7px;
padding-left:0;
padding-right:0;
font-size:12px;
color:#FF6600;
text-decoration:underline;
}
.linkPIE{

font-size:12px;
color:#666;
}
.linkPIE:hover {

font-size:12px;
color:#FF6600;
}


.inputform {

padding-left:5px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF6600;}


/*Propiedades de Hostin y dominios*/
table {
padding:3px 3px 3px 3px;
background-color:#F3F3F3;
width:570px;

}
.contenedortabla{
/*#contTarjetasGen{*/
margin-top:10px;
width:100%;
height: auto;
}
.tituloTabla {
font-weight:bold;
color:#333333;
margin:3px;
text-align:center;
background-color:#E0E0E0;
}
.imagenOrdenar{
border:0px;
margin-bottom:4px;
}
.SubleftContenido{
float:left;
width:575px;
height:100%;
padding:5px 20px 5px 25px;
}
.tablaplanes{
margin-bottom:10px;
border:#EAEAEA;
}
.mageninferior {
margin-bottom:10px;
}
.SubrigthContenido{
float:right;
width:194px;
height:100%;
padding:5px 20px 5px 20px;
border-left: dashed 1px #999999;
}
.centerContenido {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:100%;
background:#FFFFFF;
}
.divContenido{
float:none;
width:858px;
height:1300px;
margin-top:18px;
}
.ol-gen {
margin: 0px 0 20px 15px;
padding: 0;
}
.li-gen {
font-size:12px;
margin: 0px 0 0 0px;
list-style: url(images/v-1.png);
padding-left:5px;
}
.pinguino{
margin-top:-28px;
margin-bottom:-10px;}

/*Hosting y dominio*/
.divContenido-hosting{
float:none;
width:858px;
height:1350px;
margin-top:18px;
}

/*para INDEX*/
.contDetalleGEN-Der{
float:left;
width:310px;
height:340px;
}
.contDetalleGEN-Izq{
float:right;
width:245px;
height:340px;
}
.contDetalleGEN-index{
width:100%;
height:345px;
margin-top:0px;
}

.contDetalleGEN-Der2{
float:left;
width:310px;
height:95px;
}
.contDetalleGEN-Izq2{
float:right;
width:245px;
height:95px;
}
.contDetalleGEN-index2{
width:100%;
height:auto;
margin-top:10px;
}
.centerContenido-index {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:700px;
background:#FFFFFF;
}
.SubleftContenido-INDEX{
float:left;
width:575px;
height:505px;
padding:5px 20px 5px 25px;
}
.divContenido-INDEX{
float:none;
width:858px;
height:890px;
margin-top:18px;
}

/*Para DISEÑO GRAFICO*/
.contDetalleGEN-Der-diseno{
float:left;
width:310px;
height:265px;
}
.contDetalleGEN-Izq-diseno{
float:right;
width:245px;
height:265px;
}
.contDetalleGEN-diseno{
width:100%;
height:270px;
margin-top:0px;
}
.icoGran {
width:100%;
height:200px;
margin-top:10px;
}
.imagen-icoGran{
margin-right:15px;
border:0px;
}
.divContenido-diseno{
float:none;
width:858px;
height:auto;
margin-top:18px;
}
.SubleftContenido-diseno{
float:left;
width:575px;
height:auto;
padding:5px 20px 5px 25px;
}
.centerContenido-diseno {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:1930px;
background:#FFFFFF;
}
.Link2-SUBmenu {
font-weight:bold;
font-size:14px;
color:#00B9FF;
text-decoration:none;
margin-left:-6px;
}
.Link2-SUBmenu:hover {
font-weight:bold;
font-size:14px;
color:#ff6600;
text-decoration:none;
margin-left:-1px;
background:#E9E9E9;

}
.Link2-SUBmenuFIRST {
font-weight:bold;
font-size:14px;
color:#ff6600;
text-decoration:none;
margin-left:-1px;
background:#E9E9E9;
}
#SubrigthContenido ol{
margin: 0px 0 20px 24px;
padding: 0;
}
#SubrigthContenido li{
font-size:12px;
margin: 5px 0 5px 0px;
/*list-style: url(images/v-1.png);*/
padding:0 0 10px 0;
border-bottom:#CCCCCC dashed 1px;
}

/*planes web*/
.div-ContentPlanes{
width:100%; height:240px; margin:10px 0 0 0;
}
.div-PLanesWeb-LEFT{
width:247px; height:200px; padding:15px; background:url(images/f-planes-web.gif) no-repeat; float:left;
}
.div-PLanesWeb-RIGHT{
width:247px; height:200px; padding:15px; background:url(images/f-planes-web.gif) no-repeat; float:right;
}

/*e-marketing*/
.contDetalleGEN-e-marketing{
width:100%;
height:100px;
margin-top:10px;
}
/*e-marketing*/
.contDetalleGEN-posicionamiento{
width:100%;
height:auto;
margin-top:10px;
}
/*Quienes somos*/
.centerContenido-quienes {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:420px;
background:#FFFFFF;
}
.contDetalleGEN-quienes{
width:100%;
height:50px;
margin-top:10px;
}
/*multimedia*/
.contDetalleGEN-multimedia{
width:100%;
height:auto;
margin-top:10px;
}
.titulo-productomultimedia{
width:100%; 
height:25px; 
margin-top:10px; 
border-bottom:1px; 
border-bottom-style:solid; 
border-bottom-color:#ff6600; 
}
/*equipo de trabajo*/
.centerContenido-equipo {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:720px;
background:#FFFFFF;
}
/*trabajo con nosotros*/
.centerContenido-trabaja {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:400px;
background:#FFFFFF;
}
/*testimonio*/
.centerContenido-testimonio {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:420px;
background:#FFFFFF;
}


.textoPeq{
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}


/*otro menu*/

.estilolista{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#00B9FF;
text-decoration:none;
margin-left:0;
}
.estilolista:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff6600;
text-decoration:none;
margin-left:0;
}

.estilolista2{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff6600;
text-decoration:none;
margin-left:0;
}
.estilolista2:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#00B9FF;
text-decoration:none;
margin-left:0;
}



.ol-lista{
margin:0 0 25px 15px;
padding:0;
}
.li-lista{
font-size:12px;
margin:0;
list-style: url(images/arrow.png);
padding:5px 0 0 0;
border-bottom:#CCCCCC dashed 1px;
height:20px;
}



.mensaje-formulario{
font-size:14px; font-weight:bold; color:#009900;
}


/*tarjetas presentacion*/
.centerContenido-tarjetas {
float:none;
border-left:solid #999999 2px;
border-right:solid #999999 1px;
width:856px;
height:1300px;
background:#FFFFFF;
}

.SubleftContenido-disenadorWeb{
float:left;
width:575px;
height:auto;
padding:5px 20px 5px 25px;
}