/*
Theme Name:Ophelia Theme
Theme URI:http://wordpress.org/
Description:Tema oficial de Ophelia dise&ntilde;ado por <a href="http://www.soranji.cl/">Soranji</a>.
Version:1.0
Author:GEEKBOX
Author URI:http://www.geekbox.cl/
Tags:black, white, red, two columns
*/



@import url("reset.css");
/*****ESTRUCTURA********************/
body{
	background:#fff;
	color:#000;
	padding:0;
}
body.negro{
	background:#000;
	color:#fff;
}
#contenedor{
	width:995px;
	margin:auto;
	clear:both;
	background:url(img/bg_contenedor.jpg) top no-repeat;
	min-height:800px;
	height:auto !important;
	height:800px;
}
#top{
	height:78px;
	background:url(img/bg_top.jpg) top no-repeat;
	text-align:center;
}
#cabecera {
	height:215px;
	margin-left:35px;
}
#cabecera_destacado {
	background:url(img/borde_menu_izq.gif) repeat-x;
	height:7px;
	width:492px;
}
#destacado {
	background:url(img/bg_destacado.gif) repeat-y;
	width:492px;
	min-height:198px;
	height:auto !important;
	height:198px;
	float:right;
	margin-right:37px;
	margin-top:18px;
	text-align:center;
	position:relative;
}
#pie_destacado {
	background:url(img/borde_inf_destacado.gif) repeat-x;
	width:492px;
	height:7px;
	position:absolute;
	bottom:0px;
	left:0;
}
#menu_izq {
	width:187px;
	font-size:1.2em;
	text-align:center;
	margin-top:110px;
	float:left;
	padding-left:30px;
}
#contenido_central {
	width:754px;
	float:right;
}
#pie {
	height:130px;
	width:995px;
	float:left;
	margin-top:10px;
}
/*****CABECERA********************/
#cabecera {
	padding-bottom:34px;
}
small {
	font-size:1.1em;
}
#top small{
	padding-top:10px;
	display:block;
}
#top img {
	margin-top:12px;
	margin-left:3px;
}
#top img[alt] {
	font-size:2.2em;
}
#logo_principal{
	float:left;
}
#destacado img {
	margin-top:12px;
}
#destacado a {
	color:#CC0000;
}
.bajada p {
	background:url(img/separador_destacado.gif) bottom no-repeat;
	padding-bottom:8px;
	margin-top:8px;
	font-size:1.4em;
	font-weight:bold;
}
.texto_normal, .texto_pequeno {
	text-align:center;
	margin-top:8px;
}
.texto_normal {
	font-size:1.1em;
	padding:0 21px;
}
.texto_pequeno {
	font-size:1.0em;
	padding:0 8px;
	margin-bottom:8px;
}
p.texto_pequeno:first-letter {
	font-weight:bold;
	font-size:1.1em;
}
/*****MENU_IZQ********************/
#menu_izq h4{
	background:url(img/borde_menu_izq.gif) repeat-x bottom;
	padding:0;
	font-size:1.8em;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	color:#c00;
}
#menu_izq h4 img {
	padding-bottom:12px;
}
.separador {
	background:url(img/separador_menu_izq.gif) bottom repeat-x;
	padding:7px 0;
}
#soranji, #tips, #datos_contacto, #links, #partners {
	margin-bottom:40px;
}
#datos_contacto ul {
	 margin-bottom:12px;
}
/*****CONTENIDO_CENTRAL********************/
em{
	color:#999;
}
blockquote strong{
	font-size:1.2em;
}
#menu {
	height:46px;
	margin-bottom:34px;
}
#menu.margen_menor {
	margin-bottom:13px;
}
#servicios {
	padding:7px 20px 0 6px;
}
#portafolio {
	padding:7px 20px 0 20px;
}
#contacto {
	padding:7px 0 7px 20px;
}
.separador_menu {
	margin-top:8px;
	margin-bottom:5px;
}
h1 {
	background:url(img/separador_h1.gif) 1px bottom no-repeat;
	padding-bottom:8px;
}
h2  {
	font-size:2.0em;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}
h3.sif{
	color:#333;
	font-size:1.8em;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}
h3 a{
	display:block;
}
h4 {
	font-size:1.4em;
	font-weight:bold;
	padding-top:5px;
}
h2 a, h2 a:hover, h2 a:visited{
	color:#000;
	text-decoration:none;
}
.proyectos {
	margin-top:24px;
	width:753px;
}
.imagen_proyecto{
	border:2px solid black;
	float:left;
	width:254px;
	height:149px;
	overflow:hidden;
}
#contenido_seccion p {
	font-size:1.2em;
}
.contenido_proyecto p.tags{
	font-size:1.1em;
	float:right;
	line-height:20px;
}
.contenido_proyecto {
	width:478px;
	float:right;
}
.contenido_proyecto .resumen{
	height: 90px;
	overflow:hidden;
}
.contenido_proyecto .excerpt{
	height: 38px;
	overflow:hidden;
	margin-bottom:5px;
	padding-bottom:5px;
	line-height:14px;
}
.contenido_proyecto .excerpt p, .contenido_imagenes p{
	font-size:1.1em;
}
.contenido_proyecto .meta{
	background:url(img/separador_menu_izq.gif) top repeat-x;
	padding-top:10px;
}
.contenido_proyecto a{
	color:#c00;
	font-size:1em;
}
.imagenes_destacadas {
	width:743px;
	height:360px;
	margin-bottom:64px;
	margin-top:30px;
}
.imagenes{
	margin-top:10px;
	width:752px;
	min-height:175px;
	height:auto !important;
	height:175px;
}
.imagen_uno, .imagen_dos {
	width:367px;
	height:172px;
	border:2px solid black;
	float:left;
}
.imagen_dos {
	margin-left:9px;
}
.contenido_imagenes {
	margin-top:10px;
}
/*****PIE********************/
#contenido_pie {
	text-align:center;
}
h5 {
	background:url(img/titulo_pie.jpg) no-repeat;
	width:153px;
	height:20px;
	margin:auto;
	margin-top:18px;
}
#separador_pie_vertical {
	margin-top:3px;
}
#menu_pie {
	font-size:1.1em;
	margin-top:10px;
	margin-left:22px;
	padding-bottom:15px;
}
#menu_pie a{
	color:#000;
	text-decoration:none;
	padding:0 10px;
}
#menu_pie a.primer_link {
	padding-left:0;
}
#menu_pie a:hover {
	text-decoration:underline;
}	
#fin_pie {
	margin-left:22px;
	margin-top:11px;
	font-size:1.1em;
}
#fin_pie span {
	color:#999;
}
#fin_pie a {
	color:#cc0000;
	font-weight:bold;
	text-decoration:none;
}
/*****SECCIONES********************/
#contenido_seccion p{
	margin-bottom:15px;
}
#contenido_seccion .tags a{
	font-size:1.1em;
	font-weight:normal;
	text-decoration:underline;
}
#contenido_seccion .tags{
	float:right;
}
#contenido_seccion p:first-letter {
	font-weight:bold;
}
#contenido_seccion blockquote p:first-letter {
	font-weight:normal;
}
blockquote strong{
	font-weight:normal;
}
.separador_contenido_seccion{
	padding-top:17px;
	border:none !important;
}
#seccion h1 {
	margin-top:0;
	margin-bottom:15px;
}
#ruta_seccion {
	font-size:1.1em;
	margin-bottom:13px;
	margin-left:35px;
}
#pie_seccion {
	margin-top:12px;
	margin-right:12px;
}

/*****SECCION_TIPS********************/
#imagen_principal img{
	border:2px solid;
	margin:10px 0;
}
#contenido_seccion p {
	font-size:1.1em;
}
#contenido_seccion a{
	font-weight:bold;
	color:#cc0000;
	text-decoration:none;
}
#imagenes_contenido_seccion {
	width:165px;
	margin-right:15px;
}
#btn_enviar {
	margin-left:5px;
}
/*****SECCION_CONTACTO********************/
#form_contacto {
	margin-top:30px;
}
label { 
	float:left;
	clear:left;
	width:78px;
	font-weight:bold;
	font-size:1.1em;
	line-height:23px;
}
input.text {
	color:#666;
	width:330px;
	padding:6px 10px;
	margin-bottom:10px;
	border:1px solid #959595;
}
.textarea {
	color:#666;
	width:330px;
	padding:6px 10px;
	margin-bottom:10px;
	border:1px solid #959595;
	overflow:hidden;
}
.activo, input.text.activo {
	border:1px solid #CC0000;
}
#alerta_contacto {
	margin-bottom:5px;
}
#alerta_contacto span {
	color:#cc0000;
	font-weight:bold;
}
#comentario {
	height:140px;
	width:650px;
}
#form_contacto p {
	font-size:1.1em;
	color:#999;
	margin-left:78px;
	margin-bottom:22px;
}
/*
input.btn_enviar {
	background:url(img/btn_enviar_contacto.gif) no-repeat;
	width:66px;
	height:23px;
	border:none;
	margin-left:77px;
}
input.btn_borrar {
	background:url(img/btn_limpiar_contacto.gif) no-repeat;
	width:66px;
	height:23px;
	border:none;
	margin-left:7px;
}
.contenido_seccion a.btn_enviar, .contenido_seccion a.btn_borrar {
	float:left;
	position:relative;
	margin-left:0;
	border:1px solid #ccc;
	margin-right:10px;
	color:#333;
	text-decoration:none;
	font-size:1.1em;
	padding:5px 0 0 20px;
	width:46px;
	height:18px;
}
.contenido_seccion a.btn_enviar {
	background:url(img/ico_enviar.gif) 8px 8px no-repeat;
}
.contenido_seccion a.btn_borrar {
	background:url(img/ico_borrar.gif) 5px 7px no-repeat;
}
a.btn_enviar input, a.btn_borrar input{
	border:0 none;
	position:absolute;
	border:0 none;
	width:0;
	height:0;
	overflow:hidden;
}
*/
a.boton, a.boton.negro:hover{
	background:#c00;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	padding: 3px 20px;
	float:left;
	margin-right:10px;
	text-decoration:none;
}
a.boton:hover, a.boton.negro{
	background:#000;
}
a.boton input{
	position:absolute;
	left:0;
	top:0;
	border:0;
	background:none;
	overflow:hidden;
	width:0;
	height:0;
}
#form_exito {
	margin-top:85px;
	margin-left:165px;
	margin-bottom:12px;
}
.contenido_seccion p {
	font-size:1.1em;
}
#form_error {
	margin-top:85px;
	margin-left:240px;
	margin-bottom:12px;
}

.exito{
	color:#fff;
	background:#c00;
	padding: 5px 10px;
	width: 300px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}
/*****LINKS********************/
#soranji ul li a, #tips ul li a {
	color:#000;
	text-decoration:none;
}
#soranji ul li a:hover, #tips ul li a:hover {
	text-decoration:underline;
}
#tips .ultimo {
	padding:7px 10px;
}
#tips .seleccionado {
	text-decoration:underline;
}
#datos_contacto li.ultimo {
	padding:7px 0;
}
#datos_contacto li a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#datos_contacto li a:hover {
	color:#cc0000;
}
#links ul li a{
	color:#000;
	text-decoration:underline;
}
#links li a:hover {
	color:#cc0000;
}
#links .seleccionado {
	color:#cc0000;
}
#partners a{
	font-weight:bold;
	color:black;
	text-decoration:none;
}
#partners a:hover {
	text-decoration:underline;
}
.flecha_roja {
	background:url(img/flecha_roja.gif) no-repeat right;
	padding-right:6px;
}
.flecha_roja_izq {
	background:url(img/flecha_roja_izq.gif) no-repeat left;
	padding-left:6px;
}
#paginador{
	margin-top:40px;
	margin-bottom:20px;
	padding-top:10px;
}
#paginador a{
	color:#c00;
	text-decoration:none;
	font-size:1.1em;
}
#paginador a:hover{
	text-decoration:underline;
}
#paginador .anterior a{
	float:left;
	padding-left:8px;
	background:url(img/flecha_roja_izq.gif) left no-repeat;
}
#paginador .siguiente a{
	float:right;
	padding-right:8px;
	background:url(img/flecha_roja.gif) right no-repeat;
}
#servicios a {
	background:url(img/link_servicios_bn.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:187px;
	height:33px;
}
#servicios a:hover, #servicios.seleccionado a {	
	background-position:0 -33px;
}
#portafolio a {
	background:url(img/link_portafolio_bn.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:231px;
	height:35px;
}
#portafolio a:hover, #portafolio.seleccionado a {
	background-position:0 -35px;
}
#contacto a {
	background:url(img/link_contacto_bn.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:207px;
	height:36px;
}
#contacto a:hover, #contacto.seleccionado a {	
	background-position:0 -36px;
}
#ruta_seccion a {
	color:#000;
	text-decoration:none;
}
#ruta_seccion a:hover, #ruta_seccion .seleccionado {
	color:#cc0000;
	text-decoration:underline;
}
/*imagenes*/
.alignleft {
	float:left;
	clear:left;
	margin-right:10px;
	margin-bottom:13px;
}
.alignright {
	float:right;
	clear:right;
	margin-left:10px;
	margin-bottom:13px;
}
#contenido_seccion img{
	border:2px solid black;
	display:inline;
}
.attachment-principal{
	border:2px solid black;
	height:160px;
	width:738px;
	margin-top:10px;
}
#imagen_mapa{
	float:left;
	padding-right:20px;
}
#contenido_mapa{
	float:left;
}
/*titulos*/
.titulo_cat{
	background:url(img/separador_h1.gif) bottom repeat-x;
}
.titulo_cat h1 a{
	background:url(img/puntos.gif) no-repeat right 13px;
}
#destacado h1{
	color:#CC0000;
	font-size:2.2em;
	background:none;
	text-align:center;
}