/* CSS Document */

/**************************************************************** HTML */
* html #contacto { position:absolute; }

body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	color: #424242;
	font-size: 81%;
	height:100%;
	overflow-y:auto
}

h1 {
	font-size: 1.7em;
	font-weight: lighter;
	text-align: right;
	color:#f1f1f1;
	margin:0;
	padding:0;
	margin-bottom: 15px;
}

h2 {
	font-size: 1.3em;
	font-weight: lighter;
	color:#22b2e5;
	background:#fbfbfb;
	padding: 3px;
	margin:0;
}

h2 sup { font-size:0.65em; }

p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.85em;
	line-height: 140%;
	font-weight:lighter;
	margin:0;
	padding:0;
	padding-top:15px;
	margin-bottom:15px;
}

ul {
	margin:0;
	padding:0;
	margin-bottom:15px;
	padding: 0 0 0 20px;
}

li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: url(../includes/li.gif);
}

form { display: inline; }

input, textarea {
	border: 1px solid;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	margin-top: 7px;
}

a {
	font-weight:lighter;
	text-decoration:none;
	color: #424242;
}

a:visited { color:#424242; }

a:hover { color:#8d8d8d; }

h2 a { color:#22b2e5; }

h2 a:visited { color:#22b2e5; }

h2 a:hover { color:#000000; }

p a {
	background:#f8f8f8;
	color: #000;
	padding: 3px;
}

p a:visited { color: #000; }

p a:hover { color:#8d8d8d; }

/**************************************************************** ID */
#contacto {
	width: 220px;
	position:fixed;
	display:block;
	top:20px;
	left:20px;
}

#contenido {
	padding-top:20px;
	margin-left: 270px;
	display:block;
	width:500px;
}

#respuesta {
	color: #8d8d8d;
	width: 145px;
	padding: 3px;
}

.obligatorio { color: #22b2e5; }

/**************************************************************** CLASS */
.campo {
	color: #8d8d8d;
	background: #f5f5f5;
	border-color: #676767 #f7f7f7 #f7f7f7 #676767;
	width: 214px;
	padding-left: 5px;
}

.boton {
	color: #FFFFFF;
	background: #22b2e5;
	border-color: #80d3f0 #157091 #157091 #80d3f0;
	font-size: 1.1em;
	padding:3px;
	width:60px;
}

.formulario { width: 220px; }

.trabajo {
	font-size:13px;
	padding-top: 0px;
	margin-bottom: 60px;
}

.fecha {
	color: #8d8d8d;
	border-right: 1px solid #e9e9e9;
	padding-right: 5px;
}

.ver {
	color: #8d8d8d;
	background:#f8f8f8;
	display:block;
	padding: 0 0 0 3px;
}

a.ver { color:#22b2e5; }

a.ver:visited { color:#22b2e5; }

a.ver:hover { color:#000; }

.trabajo img, .recuadro {
	border: 1px solid #CCC;
	padding: 3px;
}

.trabajo a:hover img { border: 1px solid #989898; }

.trabajo .segunda-img { margin-left: 10px; }

.trabajo .flash { margin-bottom: 50px; }

.popAmpliaInfo { position: absolute; }

.popAmpliaInfo div {
	font-size:1em;
	background: #fff;
	border:1px solid #CCC;
	width: 280px;
	padding:3px;
	margin-top:10px;
	display:none;
}

.popAmpliaInfo .texto {
	margin:0;
	padding:5px;
	background: #f8f8f8;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.0em;
	display:block;
}

.izq { float:left; }

.der { float:right; }

.clear { clear:both; }