/*
GOMEZYLARREA.COM
v 1.1.1 - Pixelmio - http://www.pixelmio.net
pixelmio@pixelmio.com
OCTUBRE 2008
Rev SEP 2011
*/

* body {font: .75em "Lucida Sans", "Lucida Grande", Calibri, "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height: 1.64em;background: #fff;color: #444}
li, dd, blockquote {margin-left:1em}
a {color: #900;text-decoration: underline}
a:hover {color: #C00}
p {margin: 0 0 15px 0}
h1 {font: bold 2.4em Arial, Helvetica, sans-serif;margin: 15px 0 0 5px;letter-spacing:-1px}
h1 a:hover {color: #E4FFD3;background: inherit}
h2 {font: bold 1.6em Arial, Sans-Serif;margin: 0 0 12px}
h4 {color: #808080;background: inherit;font-weight: normal;font-size: .9em}

fieldset {border: none}


#content {width: 920px;margin: 0 auto}
#logo {
	float: left;
	border-bottom: 5px solid #900;
	height: 58px;
	width: 330px;
	color: #900;
	background:url(../images/logoMini.png) left bottom no-repeat;
}
#logo h1 {
	padding-left:50px;
}
#menu {
	float: right;
	width: 584px;
	padding: 10px 0;
	margin: 18px 0 4px;
	border-bottom: 5px solid #900;
}
#menu li {
	font-size: 1em;
	letter-spacing:-1px;
	display: inline;
	margin-left: 0px;
}
#menu li a {
	background:#FFF url(../images/menuarrow.jpg) no-repeat 10px 5px;
	border-left:1px solid #900;
	color:#808080;
	font-weight:bold;
	margin:0 5px 0 0;
	padding:15px 10px 0;
}
#menu li a:hover {
	color: #900;
	border-left: 1px solid #900;
}
#intro {
	clear: both;
	color: #333;
	height: 150px;
	padding: 35px 0 0 20px;
}
#intro.rojo {background: url(../images/Hdrojo.jpg) no-repeat}
#intro.azul {background: url(../images/Hdazul.jpg) no-repeat}
#intro.maron {background: url(../images/Hdmaron.jpg) no-repeat}
#intro.morado {background: url(../images/Hdmorado.jpg) no-repeat}
#intro.verde {background: url(../images/Hdverde.jpg) no-repeat}
#intro.bgnaranja {background-image: url(../images/Hdnaranja.jpg) no-repeat}
#intro h1 {
	margin: 0;
	display: inline;
	color: #FFF;
	padding: 2px 5px 2px 110px;
	line-height:2em;
}
#intro p {
	margin: 0;
	color: #E6E6E6;
	font-weight: bold;
	font-size: 1em;
	padding-left:112px
}
#login {
	font-size: .9em;
	margin: 45px 0 0;
}
#login a {
	color: #616161;
	background: #8BE1FA;
	padding: 4px 20px 6px;
	border-bottom: 1px solid #616161;
}
#login a:hover {
	color: #fff;
	background: #8BE1FA url(images/loginhover.gif) no-repeat;
}
#left {
	clear: left;
	float: left;
	width: 550px;
	padding: 0 34px 0 0;
	margin: 15px 0 5px;
}
#left img {
	/*border: 1px solid #ccc;*/
	padding: 1px;
	float: left;
	margin: 0 15px 5px 0;
}
#articles {
	margin: 40px 0 0 0;
}
#articles li {
	border-top: 1px solid #cecece;
	list-style: none;
	float: left;
	width: 245px;
	background: #eee url(../images/newslist.jpg) repeat-x bottom;
	padding: 4px 8px;
	margin: 0 15px 0 0;
}
#articles li a {
	background: url(../images/menuarrow.gif) no-repeat 0 5px;
	padding: 0 0 0 8px;
}
#articles li.last {
	margin: 0;
}
#right {
	position: relative;
	top: -45px;
	margin: 0 15px 0 0;
	padding: 0 10px;
	float: right;
	width: 284px;
	font-size: 1em;
}
#right img {
	margin:0 10px 0 0;
	padding:1px;
	vertical-align:middle;
}
#left a {
/*background: #EFFCFF;*/
}
#right h2 {border-bottom: 1px solid #ccc;padding: 0 0 8px}
#right .info {border: 1px solid #e0e0e0;background: #f4f4f4;
	padding: 8px;
	margin-top: 20px;
}
dl#laboral dt {
	color: #900;
	font-weight: bold;
}
dl#laboral dd {
	margin-bottom:10px
}
#footer {border-top: 5px solid #ccc;padding: 2px;margin: 0 0 5px;font-size: 0.9em;color: #9b9b9b;clear: both}
#footer a {color: #808080;background: #fff;font-weight: bold}
#footer p.right img{vertical-align:middle}

#player {background-color: #FFF;text-align: center}




.right {float: right;padding: 7px 0 0 15px}

/*CIRCULAR*/

div.circular {line-height:1.5}
div.circular h3 {
    border-bottom: 1px solid #EEEEEE;
    font: bold 1.4em Arial,Sans-Serif;
    margin: 0 0 10px;
    padding: 10px 0 0;
}

div.circular h4 {
    font: bold 1.3em Arial,Sans-Serif;
    margin: 0 0 10px;
    padding: 0;
}
div.circular h5 {}

div.circular table {
	border-collapse:collapse;
	margin-bottom: 10px;
}
div.circular table th {
    font-size: 110%;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
	width:50%
}	
div.circular table td {
    padding: 5px;
	font-size:80%
}	
div.circular table td ol{
	margin-left:10px
}	

div.circular ul {
	list-style:circle
}
div.circular blockquote {
	color: #515151;
	font-style: italic;
	font-size:70%;
}


/* Colores */
.azul {color: #004D99}
.marron {color: #815E47}
.rojo {color:#900}
.maron {color:#630}
.white {color: #fff}
.morado {	color:#421e61}
.naranja {color:#f9a11b}
.verde {color:#19331A}
.vertPale {background-color:#D7F7D4}
.bleuPale {background-color:#D4E6F7}
.jaunePale {background-color:#FFC}
.rosePale {background-color:#DFD}
.grisPale {background-color:#E6E6E6}

#contactForm label {width: 6em;float: left;font-weight: bold;line-height: 1.31em}
#contactForm label.error, #loginForm label.error {float: none;color: red;padding-left: 0.5em;vertical-align: top;font-size:10px;font-weight:bold}
#contactForm input {width:22em}
#contactForm textarea {width: 28em}
#loginForm {margin: 0 auto;width: 99%}


#loginForm label {width: 7em;float: left;font-weight: bold;line-height: 1.31em}
#loginForm input {width:20em}
.submit {margin-left: 12em}
 /* Listas */
ul#enlaces li {background:transparent url(../images/link_go.png) no-repeat scroll 0 2px;font-size:1.1em;line-height:1.8;padding-left:21px}
ul#enlaces li.i {clear:left;float:left;width:38%}
ul#enlaces li.d {float:right;width:47%}

.boletin li {background:transparent url(../images/tick.png) no-repeat 0 0;font-weight:bold;padding-left:22px}

.peque {font-size: 75%}