/* Estilos CSS para http://www.jmlweb.es */
/* Esta obra est bajo una licencia de Creative Commons (http://creativecommons.org/licenses/by/2.5/es) */

/* ##### ESTILOS GENERALES ##### */

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,center, u, b, i {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-family: inherit;
	vertical-align: baseline
}

html, body{
	width: 100%;
	height: 100%;
}

body{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;	
	background: #1f0c00 url(imagenes/fondo.gif);
	color: #ffffff;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

h1,h2,h3,h4,h5,h6,pre,code { 
	font-size:1em; 
}

strong{
	font-weight: bold;
}

a{
	text-decoration:  none;
	border: none;
}

a:hover{
	border: none;
}

em{
	font-style: italic;
}

div.clear{
	clear: both;
}

.escondido{
	display: none;
}

.visto{
	display: block;
}

/* ##### MAQUETACIN ##### */

#global{
	width: 800px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 20px;
}

#principal{
	width: 800px;
	background: #e95d00;
	color: #000000;
}

/* Cabecera */

#cabecera{
	width: 900px;
	height: 180px;
}

/* ttulo izquierda (JML) */

#cabecera div.izq{
	float: left;
	width: 200px;
}

#logo1{
	margin-left: 30px;
	margin-top: 30px;	
}

h1{
	width: 277px;
	height: 52px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(imagenes/jmlweb_letras.gif) top left no-repeat;
}

/* ttulo derecha (Jose Manuel Lucas) y men superior */

#cabecera div.der{
	float: left;
	width: 700px;
}

#logo2{
	float: right;
	margin-top: 70px;
	margin-right: 120px;
}

#menu_top{
	float: right;
	margin-top: 10px;
	margin-right: 100px;
	border-top: 1px dotted #7f3100;
	border-bottom: 1px dotted #7f3100;
}

#menu_top ul{
	margin-top: 4px;
	margin-right: 10px;
}

 #menu_top li{
	float: left;
	margin-right: 10px;
}

#menu_top li a:link, #menu_top li a:visited{
	
}

/* Cuerpo */

#cuerpo3c, #cuerpo2c{
	font-size: 1.2em;
}

#cuerpo3c div.izq, #cuerpo3c div.med, #cuerpo3c div.der, #cuerpo2c div.izq, #cuerpo2c div.der{
	margin-bottom: 20px;
}

#cuerpo3c p,  #cuerpo3c dl, #cuerpo2c p, #cuerpo2c dl{
	line-height: 1.2em;
}

#cuerpo3c dt, #cuerpo2c dt{
	margin-top: 2px;
	margin-bottom: 2px;
}

#cuerpo3c .titulo, #cuerpo2c .titulo{
	border-top: 1px dotted #ffffff;
}

#cuerpo3c .contenido, #cuerpo2c .contenido{
	padding: 10px;
}

#cuerpo3c div.izq, #cuerpo2c div.izq{
	float: left;
	margin-left: 12px;
	width: 151px;
}

#cuerpo3c div.izq h3{
	width: 68px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(imagenes/tit_sobre.gif) top left no-repeat;	
	margin: 8px 0px;
}

.borde_sobre{
	height: 8px;
	background: url(imagenes/fond_sobremi.gif);	
}

#cuerpo3c div.izq .caja, #cuerpo2c div.izq .caja{
	background: #b44500;
	color: #ffffff;
}

#cuerpo3c div.izq .contenido, #cuerpo2c div.izq .contenido{
	padding-bottom: 4px;
}

#cuerpo3c div.izq h4, #cuerpo2c div.izq h4{
	font-weight: bold;
	margin-bottom: 4px;
}

#cuerpo3c div.izq .contenido p, #cuerpo2c div.izq .contenido p{
	margin-bottom: 12px;
}

#cuerpo3c div.izq .contenido ul,  #cuerpo2c div.izq .contenido ul{
	margin-bottom: 12px;
}

#cuerpo3c div.izq .caja li,  #cuerpo2c div.izq .caja li{
	text-indent: 6px;
}

#cuerpo3c div.izq a:link,  #cuerpo3c div.izq a:visited, #cuerpo2c div.izq a:link, #cuerpo2c div.izq a:visited{
	color: #ffffff;
	text-decoration: underline;
}

#cuerpo3c div.med{
	float: left;
	width: 400px;
	margin-left: 32px;
}

#cuerpo3c div.med h2, #cuerpo2c div.der h2{
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 2px;
	text-transform: uppercase;
}

#cuerpo3c div.med h2 a, #cuerpo2c div.der h2 a{
	font-weight: bold;
}

#cuerpo3c div.med a, #cuerpo2c div.der a{
	color: #333333;
	text-decoration: underline;
}

#cuerpo3c div.med a:hover, #cuerpo2c div.der a:hover{
	color: #e95d00;
}

#cuerpo3c div.med h3{
	width: 106px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(imagenes/tit_noticias.gif) top left no-repeat;
	margin: 8px 0px;
}

.borde_noticias{
	height: 8px;
	background: url(imagenes/fond_noticias.gif);
}

#cuerpo3c div.med .borde_portafolio, #cuerpo3c div.der .borde_portafolio, #cuerpo2c .borde_portafolio{
	height: 8px;
	background: url(imagenes/fond_portafolio.gif);
}

.borde_servic{
	height: 8px;
	background: url(imagenes/fond_servic.gif);
}

#cuerpo3c div.med .contenido, #cuerpo3c div.med .contenido_not, #cuerpo3c div.med .contenido_port, #cuerpo3c div.med .contenido_serv, #cuerpo2c div.der .contenido_port, #cuerpo2c div.der .contenido_blog, #cuerpo2c div.der .contenido_contacto, #cuerpo2c div.der .contenido_servic{
	background: #ffffff;
	color: #000000;
	margin-bottom: 10px;
	padding: 10px;
}

#cuerpo3c div.med .contenido_not h2, #cuerpo3c div.med .contenido_not h2 a{
	color: #669999;
}

#cuerpo3c div.med .contenido_port h2, #cuerpo3c div.med .contenido_port h2 a{
	color: #ff3399;
}

#cuerpo3c div.med .contenido_serv h2, #cuerpo3c div.med .contenido_serv h2 a{
	color: #009999;
}

#cuerpo3c div.med .caja p, #cuerpo2c div.der .contenido_blog p{
	line-height: 1.4em;
	margin-bottom: 6px;
}

#cuerpo3c div.med .caja ul, #cuerpo2c div.der .contenido_blog ul{
	margin-top: 10px;
	margin-bottom: 10px;
}

#cuerpo3c div.med .caja li, #cuerpo2c div.der .contenido_blog li{
	margin-left: 16px;
	margin-bottom: 6px;
}

#cuerpo3c div.med .caja div.imgder, #cuerpo2c div.der .contenido_blog div.imgder{
	float: right;
	margin: 10px;
	margin-right: 0;
}

#cuerpo3c div.med .caja p.fecha{
	color: #669999;
}

#cuerpo3c div.med .leer_mas{
	text-align: right;
}

#cuerpo3c div.der{
	float: left;
	width: 160px;
	margin-left: 32px;
}

#cuerpo3c div.der h3{
	width: 121px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(imagenes/tit_ultimos.gif) top left no-repeat;
	margin: 8px 0px;
}

#cuerpo3c div.der .contenido{
	background: #7f3100 url(imagenes/flecha_ult_trab.gif) 0px 9px no-repeat;
	color: #ffffff;
}

#cuerpo3c div.der h4,  #cuerpo3c div.der h4 a{
	color: #cc9999;
	font-weight: bold;
	text-indent: 6px;
	text-decoration: underline;	
}

#cuerpo3c div.der .imagen_proyecto{
	text-align: center;
	margin-top: 6px;
	margin-bottom: 4px;
}

#cuerpo3c div.der p{
	line-height: 1.6em;
	margin-left: 5px;
}

#cuerpo3c div.der p img{
	vertical-align: middle;
}

.contenido_not h4, .contenido_blog h4{
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
	color: #666666;
}

/* cuerpo a 2 columnas */

#cuerpo2c div.izq h3.admin, #cuerpo2c div.der h3.admin{
	color: #ffffff;
	text-transform: uppercase;
}

#cuerpo2c div.izq h3.navegacion{
	width: 84px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(imagenes/tit_naveg.gif) top left no-repeat;
	margin: 8px 0px;
}

#cuerpo2c div.izq li.mes{
	margin-left: 10px;
}

#cuerpo2c div.izq h3.extra{
	width: 50px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(imagenes/tit_extra.gif) top left no-repeat;
	margin: 8px 0px;
}

#cuerpo2c div.der{
	float: left;
	width: 570px;
	margin-left: 32px;
}

#cuerpo2c div.der h3.ult_trab{
	width: 121px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(imagenes/tit_ultimos.gif) top left no-repeat;
	margin: 8px 0px;	
}

#cuerpo2c div.der h3.ult_ent{
	width: 119px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(imagenes/tit_ult_entrad.gif) top left no-repeat;
	margin: 8px 0px;	
}

#cuerpo2c div.der h3.contacto{
	width: 131px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(imagenes/tit_forma_contact.gif) top left no-repeat;
	margin: 8px 0px;		
}

#cuerpo2c div.der h3.servic{
	width: 131px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(imagenes/tit_servicios.gif) top left no-repeat;
	margin: 8px 0px;		
}


#cuerpo2c div.der .contenido_port, #cuerpo2c div.der .contenido_blog{
	padding: 10px;
	line-height: 1.2em;
}

#cuerpo2c div.der .contenido_port p, #cuerpo2c div.der .contenido_blog p{
	line-height: 1.4em;
}

#cuerpo2c div.der .contenido_port a:link, #cuerpo2c div.der .contenido_port a:visited, #cuerpo2c div.der .contenido_blog a:link, #cuerpo2c div.der .contenido_blog a:visited{
	color: #222222;
	text-decoration: underline;
}

#cuerpo2c div.der .contenido_blog h2, #cuerpo2c div.der .contenido_blog h2 a:link, #cuerpo2c div.der .contenido_blog .fecha_post{
	color: #669999;
}

#cuerpo2c div.der .contenido_port h2, #cuerpo2c div.der .contenido_port h2 a:link{
	color: #ff3399;
}

#cuerpo2c div.der .contenido_serv h2, #cuerpo2c div.der .contenido_serv h2 a:link{
	color: #009999;
}


#cuerpo2c div.der .contenido_port h2, #cuerpo2c div.der .contenido_blog h2{
	margin-bottom: 6px;
	font-weight: bold;
}

#cuerpo2c div.der .contenido_port h2 a{
	color: #ff3399;
}

#cuerpo2c div.der .contenido_port h3{
	font-weight: bold;
}

#cuerpo2c div.der .contenido_port p.lugar_fecha{
	color: #666666;
}

#cuerpo2c div.der .contenido_port div.imagen_trabajo{
	margin-top: 10px;
	margin-bottom: 20px;
}

#cuerpo2c div.der div.cuerpo_trabajo, #cuerpo2c div.der div.dis_trabajo, #cuerpo2c div.der div.pro_trabajo, #cuerpo2c div.der div.tec_trabajo{
	margin-bottom: 10px;
}

#cuerpo2c div.der .contenido_port h3{
	color: #ff3399;
}

#cuerpo2c div.der div.imagenes_adicionales{
	padding: 10px;
	overflow: hidden;
	text-align: center;
}

#cuerpo2c div.der div.imagenes_adicionales img{
	margin-right: 20px;
}

#cuerpo2c div.der .contenido_contacto h2{
	color: #669900;
}

#cuerpo2c div.der .contenido_contacto label{
	color: #e95d00;
}

.contenido_contacto input.texto, .contenido_contacto textarea.texto{
	width: 546px;
	border: 1px solid #999999;
	font-size: 1em;
}

#cuerpo2c div.der .contenido_contacto input.texto:focus, #cuerpo2c div.der .contenido_contacto textarea.texto:focus{
	background: #ffe2cf;
	border: 1px solid #669900;
}


#cuerpo2c div.der .contenido_contacto div.boton{
	width: 546px;
	text-align: right;
}

#cuerpo2c div.der .contenido_contacto div.boton input{
	margin-top: 10px;
	border: 1px solid #999999;
	color: #e95d00;
	font-size: 0.9em;
	background: #ffe2cf;
}

#cuerpo2c div.der .contenido_contacto div.boton input:hover{
}

#cuerpo2c div.der .contenido_contacto div.boton input:focus, #cuerpo2c div.der .contenido_contacto div.boton input:hover{
	background: #e95d00;
	color: #ffe2cf;
	border: 1px solid #ffe2cf;
	cursor: pointer;	
}

#cuerpo2c div.der .contenido_servic h2{
	color: #009999;
	font-weight: bold;
}

#cuerpo2c div.der .contenido_servic li{
	margin-left: 10px;
	line-height: 1.4em;
}

#cuerpo2c div.der .contenido_servic p{
	line-height: 1.8em;
}

#cuerpo2c div.der .contenido_servic ul{
	margin-bottom: 10px;
}

/* paginacion */
div.paginacion a:link{
	color: #ffffff;
}


/* pie */

#pie{
	clear: both;
	text-align: right;
	margin: 12px 13px;
	margin-bottom: 4px;
	padding: 8px 0px;
	color: #ffffff;
	border-top: 1px dotted #7f3100;
}

#pie a:link, #pie a:visited{ 
	color: #7f3100;
}

#pie a img{
	vertical-align: middle;
}

/* sombra */

#sombra{
	width: 800px;
	height: 4px;
	background: url(imagenes/fond_footer.gif);
	clear: both;
}