* { margin:0; padding:0; }
img { border:0; }
a:hover { text-decoration:none; }
.sn { display:none; }
.hide { visibility:hidden; }
.txtmenor { color:#999; font-size:0.7em; font-weight:normal; }
.clearboth { clear:both; }
.texto-peque { font-size:0.8em; }
.texto-medio { font-size:0.9em; }
.texto-grande { font-size:1.2em; }
.texto-seccion {margin:5px 15px 0 10px; font-size:1.2em; border-right:1px dotted #6395B5; width:465px; padding-right:10px;}
.texto-fecha { color:#4a4a4a; font-size:0.9em}
.flotadch {float:right}
.flotaizq {float:left}
.gris { color:#666; }
.rojo { color:#C33; }
.subir a{display:block; float:right; padding-left:25px; width:60px; height:35px; background:url(../img/subir.gif) left no-repeat;
		line-height:2.6em; margin-bottom:10px}
.subir2 a{display:block; float:right; padding-left:25px; width:140px; height:35px; background:url(../img/subir.gif) left no-repeat;
		line-height:2.6em; margin-bottom:10px}
body { background:url(../img/fondo-top.jpg) no-repeat top left; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 62.5%; line-height: 1.6em; }


/*estructura */
#contenedor { display:inline; float:left; margin:65px 0 0 107px; padding-left:5px; width:700px; }
#cab { background:url(../img/fondo-cabecera.jpg) repeat-x; float:left; height:110px; margin-bottom:15px; text-align:center; width:710px; }
	#cab #cab-in { float:left; padding:10px; width:690px; }
#colum-izq { float:left; width:490px; }
#colum-dch { float:right; width:210px; }
	#colum-dch #dch-in { padding:50px 5px 0 5px; }
#dch-in img.varios { padding-left:25px; clear: both}
#dch-in p { font-size:1.2em; }
#dch-in a { color:#ff3333; text-decoration:none; }
	#dch-in a:hover { text-decoration:underline; }
.noticia-curso { background:#f5f5f5; border:1px solid #ccc; font-size:1.2em; margin-bottom:10px; padding:2px 3px; }
#pie { background:url(../img/fondo-mar.jpg) repeat-x bottom; bottom:0; height:203px; left:0; position:fixed; width:100%; z-index:99; }
#isla { background:url(../img/fondo-down.png) no-repeat bottom; bottom:0; height:203px; margin-left:122px; position:fixed; width:730px; z-index:99; }
#anchofinpag { clear:both; float:left; height:250px; width:100%}
.contenedor-dibus {float:left; width:610px; margin-bottom:15px}
#descarga {float:left;margin-top:-22px;clear:both;width:400px;margin-left:470px}


/*ENCABEZAMIENTOS*/
h1 { float:left; width:90px; }
h2 { float:left; margin:0 0 15px 10px; width:100%}
	h2 img { float:left}
h3 { border-bottom:1px dotted #ccc; color:#355970; font: bold 1.6em arial; margin-top:10px; padding:0 10px 4px 0; width:93%; margin-bottom:10px}
h4 { color:#355970; font: bold 1.2em arial; margin-bottom:7px}
h5 { color:#355970; font: bold 1.3em arial; margin:10px 0 7px 35px; border-bottom:1px dotted #355970; padding-bottom:4px; font-family:arial}


/* LISTA */
#cab-in ul#menu { background:url(../img/img-avion.jpg) no-repeat right 10px; float:left; list-style-type:none; margin:0; width:590px; }
#cab-in li { background:url(../img/img-nube.gif) no-repeat; color:#215c81; color:#CC6600; display:inline; float:left; font:bold 1.7em arial; height:75px; margin-left:15px; padding-top:25px; width:100px; }
	#cab-in li a { color:#215c81; text-decoration:none; }
		#cab-in li a:hover { color:#6395B5; }
ul#ejemplos { border-right:1px dotted #6395B5; float:left; list-style-type:none; margin-left:10px; width:475px; }
.fondo-ejemplo { background:url(../img/fondo-imagen.jpg) no-repeat; font-size:1.2em; height:100px; margin:10px 0 5px 0; padding:10px 0 0 15px; width:465px; }
ul#ejemplos li p { font-size:1.2em; margin:0 0 5px 15px; }
	ul#ejemplos li p a, ul#desing li p a { color:#ff3333; text-decoration:none; }
	ul#ejemplos li p a:hover, ul#desing li p a:hover { text-decoration:underline; }
ul#desing {float:left;font-size:1.4em;list-style-type:none;margin-left:10px;margin-left:45px;width:620px;font: normal 1.3em arial;color:#4a4a4a}

ul#desing li a {text-decoration:none; color:#C33}
	ul#desing li img.dibu {padding:2px; border:1px solid #999; float:left; margin-left:15px}

ul#detalle { list-style-type:none; margin:15px 0 0 15px; width:95%}
	ul#detalle img { margin:15px 0 40px 95px}
	ul#detalle li.gris { background:#f4f4f4; border:1px solid #ccc; font-size:1.3em; margin:15px 0 7px 35px; padding:10px 5px; width:560px; }
		ul#detalle li.gris p { margin-bottom:7px}
		
ul#detalle2 { list-style-type:none; margin:15px 0 0 15px; width:95%}
	ul#detalle2 img { margin:15px 0 40px 35px}
	ul#detalle2 li.gris { background:#f4f4f4; border:1px solid #ccc; font-size:1.3em; margin:15px 0 7px 35px; padding:10px 5px; width:560px; }
		ul#detalle2 li.gris p { margin-bottom:7px}

ul#lista-trabajos {font-size:1.2em; list-style:none; margin:10px 0 0 45px; font-weight:bold}
		
/* IMAGENES */
img.marco { background:#fff; border:1px solid #ccc; padding:2px; }
a.volver { background: url(../img/img-volver.jpg) no-repeat 0 -72px; color:#ff3300; display:block; float:right; font:bold 1.3em Verdana; height:10px; padding:75px 0 0 18px; text-decoration:none; width:75px; }
a:hover.volver { background:url(../img/img-volver-on.jpg) no-repeat 0 -0px; color:#531505; display:block; height:10px; text-decoration:none; width:75px; }


/* tooltype ************/
a.tool, a.tool2 { position:relative; text-decoration:none; z-index:24; }
a.tool:hover, a.tool2:hover { text-decoration:none; z-index:25; }
a.tool span, a.tool2 span { display:none; }
a.tool:hover span { background:url(../img/fondo-tool.jpg) repeat-x; border:1px solid #390605; color:#000; color:#fff; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:bold; height:30px; left:4em; padding: 5px; position:absolute; text-align: left; text-align:center; text-decoration:none; top:-3em; width:140px; }
a.tool2:hover span { background:url(../img/fondo-tool.jpg) repeat-x; border:1px solid #390605; color:#000; color:#fff; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:bold; height:30px; left:-4em; padding: 5px; position:absolute; text-align: left; text-align:center; text-decoration:none; top:1.8em; width:140px; }


/* estilos seccion diseno *************/
.modulo-desing { background:url(../img/fondo-design.jpg) no-repeat; float:left; height:353px; margin-bottom:15px; width:600px; }
	.modulo-desing .modulo-in { float:left; padding:20px; }
	.modulo-desing .izqd { float:left; margin-right:25px; width:230px; }
	.modulo-desing .dcha { float:left; padding-top:35px; width:302px; }
	.modulo-desing .izqd h2 { font:normal 1.4em arial; margin:0 0 15px 0; width:230px; }
.dcha img { border-bottom:1px solid #b7b7b7; border-right:1px solid #999; border-top: 1px solid #5b5b5b; }
.izqd p { color:#444; font:normal .9em arial; line-height:1.4em; margin:0 0 5px 0; }
.dcha .caja-thumbail { margin-top:25px; width:300px; }
.caja-thumbail img { border:1px solid #868686; float:left; height:35px; margin-right:12px; width:35px; }

/*estilos yo*/
	
#contenedor-yo {width:690px; height:950px; float:left; background:url(../fondo-yo.jpg) no-repeat top center}
	#contenedor-yo #yo-in {padding:280px 90px 30px 160px; width:400px; float:left; font:normal 1.2em verdana; color:#000;}
	#yo-in a{ text-decoration:none; color:#e4d5c2; font-weight:bold; margin-left:55px; line-height:2.6em; }
	#yo-in a:hover {color:#8d5d1f}
	#yo-in a#sinlatidos {text-decoration:none; color:#e6e7cd; font:bold 0.85em verdana; margin-left:10px; line-height:2.6em; }
	#yo-in p {margin:10px 0}
	#yo-in p#cita {margin:20px 0; border-top:1px dotted #f0eae3; padding-top:10px}
	
/* camisetas */

#desing ul {list-style-type:none; width:620px;float:left; border-bottom:1px dotted #999; margin-bottom:15px}
.caja-camiseta {float:left; margin:0 7px 15px 0; text-align:center}
	.caja-camiseta img, .caja-camiseta-ultima img {border:1px solid #242424; margin-bottom:7px}
.caja-camiseta-ultima {float:left; margin:0 0 15px 0; text-align:center}

#desing ul li a{color:#666}
#desing ul li a:hover{color:#FF0000}
#desing ul li a:hover img{border:1px solid #ff0000}