/*
Theme Name: Hispacoop Theme
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: 
Author URI: 
Tags: hispacoop

*/

/* -- lineas de maquetación, borrar una vez maquetado el elemnto */

/*.sidebar,*/
/*#entry-meta-single {border:1px solid red;}*/
/*#respond {border:1px solid yellow;}*/
/*li.depth-1 {border: 1px solid orange;}*/
/*.navigation {border:1px dashed black;}*/

/* Tipografía
************************************/
html{ font-size: 125%; }

body {
	font-size: .5em;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.9em;
	color:#777;
	}

.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}

h2.page-title {
	margin: 0 0 20px 0;
	line-height: 1.2em;
	font-family: "Lucida Sans", "MS Trebuchet", Helvetica, Arial, sans-serif;
	color: #069;
}

h2#search {
	margin: 0 0 20px 0;
}
.titulo_seccion {
	color: #f90;
	text-shadow: 1px 1px 1px #9F5000;
	text-transform: uppercase;
}

.h3 { font-size: 1.3em;}

/* Estructura */
/*#wrapper { 		font-size: 1.4em; }*/
/*ruben*/
#wrapper { 		font-size: 14px; }
#breadcrump *{ 	font-size: .92em; font-weight: bold;}
#navbar	{ 		font-size: 1.2em;}
#footer #textopie { font-size: .75em; text-align: left; color: #0060BE; }
#respuesta {font-weight: bold; font-family: "MS Trebuchet", Arial, sans-serif;}


/* Links 
************************************/
a:link, a, a img {text-decoration:none; cursor: pointer;}
a:link {}
a:visited {}
a:hover { text-decoration: underline;}
a:active {}

/* BASIC STUFF 
************************************/
body {
	background:#FFF url(img/bg.gif) repeat-x;
	width: 100%;
	color:#000;
	padding: 0;
	margin: 0;   
	overflow: auto;
}

/* Estructura
************************************/
#wrapper {
	float:none;
	clear:both;
	margin:0 auto;
	padding:0 20px;
	width:960px;  
	overflow: hidden;
	
}

#header {
	height:150px;
	width: 100%;
	margin:0 auto;
	text-align:center;
	padding: 0;
	margin: 0 0 25px 0;
}
#logo{
	float: left;
	position: relative;
	overflow: hidden;
	padding:0;
	width: 255px;
	height: 62px;
	margin: 20px 0 20px 0;
}         
#logo span{
	float: left;
	height: 100%;      
	width: 100%;
	padding: 0;
	margin: 0;  
	overflow: auto;
	cursor: pointer;
	background: url(img/hispacoop-logo.gif) no-repeat 0 0;
}
#logo span:hover {
	cursor: pointer;
}         
#caja_busqueda{
	float:left;
	margin:25px 0 0 450px;
	width:250px;
}
#caja_busqueda #s{
	border:1px solid #666;
	background: url(img/bg_search.png) no-repeat 0 0;
	color:#999;
	height:25px;
	padding:0 0 0 7px;
	width:255px;
}
#titulo {
	clear:both;
	float:left;
	height:40px;
	margin:25px 0 0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:668px;
}
#titulo span {
	background:url(img/bg_titulo.png) no-repeat;
	display:block;
	float:left;
	height:100%;
	margin:0;
	padding:0;
	overflow:auto;
	position:absolute;
	width:100%;
	}
#navbar{
	width: 100%;
	height: 30px;
	border-bottom: 3px dotted #0060BE;
}
	#navbar ul li {
		float:left;
		display: inline;
	}
	#navbar ul#inline_menu {
		float: right;
	}
	#navbar ul#inline_menu li {
		margin-left: 20px;
	}
	#navbar ul#inline_menu li a{
		color:#fff;
		font-size:1.1em;
		font-weight:bold;
		text-shadow:1px 2px 2px #2BB8FF;
		text-decoration:none;
		line-height: 2em;
	}
	#navbar ul#inline_menu li a:hover{
		color:#efefef;
	}
#breadcrump{
	width: 100%;
	float: left;
	margin: 20px 0;
/*	border: 1px solid #000;*/
}

#breadcrump .breadcrumb-trail a {color: #000;}
span.trail-end {
	color: #fff;
	text-shadow:0px 0px 5px #444;
	font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
}

#contenido{
	width: 100%;
	float: left;
	overflow: hidden;
/*	border: 1px solid #999;*/
}

#wrapper #contenido > img:first-child {
	float: left;
	margin: 0 0 20px 0;
}
/* secciones */

#caja_secciones{
	width: 100%;
}
	#caja_secciones .fila {
		width: 100%;
		float: left;
		clear: both;
		margin: 0 0 10px 0;
	}
	#caja_secciones .fila > .seccion:first-child {margin:0 !important;}
	#caja_secciones .fila .seccion {
		background-color: #fff;
		width: 170px;
		height: 200px;
		float: left;
		margin: 0 0 0 10px;
		padding: 130px 5px 0;
		border: 2px solid #0060BE;
	}
	#caja_secciones .fila .seccion li {
		line-height: .9em;
		margin:6px 0 0 18px;
		padding:0 3px;
		list-style-type: disc;
	}
	#caja_secciones .fila .seccion li a{
		font-size: .8em;
        }             
		
		.seccion > li.page_item + li.page_item + li.page_item + li.page_item + li.page_item + * {display:none;} 
     
	/* imagenes seccion */
	#caja_secciones .fila #vivienda {background:#fff url(img/vivienda-port.jpg) no-repeat 0 0;}
	#caja_secciones .fila #financieros {background:#fff url(img/financieros-port.jpg) no-repeat 0 0;}
	#caja_secciones .fila #hogar {background:#fff url(img/hogar-port.jpg) no-repeat 0 0;}
	#caja_secciones .fila #suministros {background:#fff url(img/suministros-port.jpg) no-repeat 0 0;}
	#caja_secciones .fila #viajes {background:#fff url(img/viajes-port.jpg) no-repeat 0 0;}
	
	#caja_secciones .fila #teleco {background:#fff url(img/teleco-port.jpg) no-repeat 0 0;}
	#caja_secciones .fila #automoviles {background:#fff url(img/automoviles-port.jpg) no-repeat 0 0;}
	#caja_secciones .fila #hosteleria {background:#fff url(img/hosteleria-port.jpg) no-repeat 0 0;}
	#caja_secciones .fila #seguros {background:#fff url(img/seguros-port.jpg) no-repeat 0 0;}
	#caja_secciones .fila #proteccion {background:#fff url(img/proteccion-port.jpg) no-repeat 0 0;}
   
	#caja_secciones .fila #tiempo {background:#fff url(img/tiempocom-port.jpg) no-repeat 0 0;}
	#caja_secciones .fila #compras {background:#fff url(img/compra-port.jpg) no-repeat 0 0;}
	#caja_secciones .fila #sistemas {background:#fff url(img/arbitraje-port.jpg) no-repeat 0 0;}
	#caja_secciones .fila #otros {background:#fff url(img/otros-port.jpg) no-repeat 0 0;}
/*--*/

/* Respuestas */

#ley {
	margin: 20px 0 0 0;
	font-family: "Times New Roman", Times, serif;
	background-color: #dfedf0;
	padding: 5px;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	color: #069;
	/*ruben*/
	font-size:14px;
}

#nota {
	margin: 20px 0 0 0;
	font-family: "Georgia", Times, serif;
	background-color: #dfedf0;
	padding: 5px;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	color: #000;
	/*ruben*/
	font-size:14px;
}

#arbol_links{
	margin: 20px 0 0 0;
}
#arbol_links ul li, #arbol_links li{
	margin: 5px 0 5px 0;
	list-style: disc inside;
/*ruben*/
	font-size:14px;
}
	

/*--*/

/* Busquedas */

#search-content .post {
	margin: 10px 0;
	float: left;
}

/*---*/
	
#footer {overflow:hidden;margin:40px auto 0;clear:both;float:left;text-align:center;padding: 20px 0; width: 100%;}
#footer #textopie {width: 700px; float: left;}
#footer #logo_pie {width: 235px; height: 45px; float: right; background: url(img/msps-inc.jpg) no-repeat;}
/* Listas
************************************/
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
#navbar ul li {	padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}

#caja_secciones .fila .seccion ul ul li {
	margin: 20px 0 0 0;
}

/* lists inside posts 
************************************/
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:30px; list-style:disc; list-style-position:inside, text-indent: -16px;}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}


/* -- SIDEBARS --*/
.sidebar-wrap {margin:3em auto;overflow:auto}
.sidebar {width:49%;clear:none;}
.block-1 {float:left;}
.block-2 {float:right;}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

/* Menu 
PixoPoint Multi-level Navigation Plugin
***************************************/
/*
ul#suckerfishnav.sf-menu{
	width: 75px !important;
	border:none;
}
ul#suckerfishnav.sf-menu:first-child > li > a{
	line-height: 2em;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-shadow:1px 2px 2px #2BB8FF;
	text-transform: uppercase;
	text-decoration: none;
	}
	ul#suckerfishnav.sf-menu:first-child > li > a{
	color:#efefef;
	} 
ul#suckerfishnav.sf-menu:first-child > li:hover,ul#suckerfishnav.sf-menu:first-child > li.sfhover {
	background: none;
}
#suckerfishnav {
width:100%;
}
#suckerfishnav ul li{
	margin: 0 !important;
}
#suckerfishnav, #suckerfishnav ul {
//border:1px solid #AAAAAA;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:100%;
}
#suckerfishnav ul li a {
color:#DDDDDD;
display:block;
padding:4px 10px;
text-decoration:none;
line-height: 1.2em;
}
#suckerfishnav li {
float:left;
padding:0;
}
#suckerfishnav ul {
//border:1px solid #666;
font-weight:normal;
height:auto;
left:-999em;
line-height:1;
margin:0;
position:absolute;
width:151px;
}
#suckerfishnav li li {
border-bottom:1px solid #666666;
//font-weight:bold;
width:151px;
}
#suckerfishnav li li a {
color:#DDDDDD;
font-size:11px;
padding:4px 10px;
width:131px;
font-weight: normal;
}
#suckerfishnav li ul ul {
margin:-22px 0 0 150px;
}
#suckerfishnav li li:hover {
background:#1F3E9F none repeat scroll 0 0;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
color:#DDDDDD;

}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#DDDDDD;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
color:#DDDDDD;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
background:#444444 none repeat scroll 0 0;
left:auto;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background:#5E7AD3 none repeat scroll 0 0;
}
*/
ul#suckerfishnav.sf-menu{
	width: 90px !important;
	border:none;
}
ul#suckerfishnav.sf-menu:first-child > li > a{
	line-height: 2em;
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	text-shadow:1px 2px 2px #2BB8FF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 0 0 2px;
	}
	ul#suckerfishnav.sf-menu:first-child > li > a{
	color:#fff;
	} 
ul#suckerfishnav.sf-menu:first-child > li, ul#suckerfishnav.sf-menu:first-child > li:hover,ul#suckerfishnav.sf-menu:first-child > li.sfhover {
	background: url(img/bg_menu_title.png) no-repeat 112px 8px;
	width: 130px;
}
ul#suckerfishnav.sf-menu:first-child > li > ul{
	position:absolute !important;
} 
#suckerfishnav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#suckerfishnav li {
	color:#fff;
	z-index:20;
	background:#1A80D9 url(img/bg_li_menu.png) repeat-x 0 bottom;
	font-size:11px;
	line-height: 1.5em;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	}
#suckerfishnav > li > ul > li {
	height: 25px;
	padding: 5px 0 0 0;
}
#suckerfishnav li ul li {
	display: block;
	clear: both;
	width: 150px;
	border-top: 1px solid #C1D9E6;
	border-bottom: 1px solid #2A64E3;
}
#suckerfishnav li:hover,#suckerfishnav li.sfhover {
	background:#1A80D9;
	}
#suckerfishnav li a {
	text-decoration:none;
	display:block;
	padding:0 15px;
	color:#fff;
	line-height: 1em;
	}
#suckerfishnav li a:hover {
	text-decoration:none;
	color:#fff;
	}
#suckerfishnav ul ul {
	background:url('images/dropdownshadow.png') bottom right;
	padding:0;
	position:absolute;
	left:-999em;
	top:0;
	width:150px;
/*	margin-top: -1px;*/
	}
#suckerfishnav li:hover ul,#suckerfishnav li.sfhover ul {
	left:auto;
	}
#suckerfishnav ul ul li a {
	padding:4px 10px;
	text-transform:none;
	}
#suckerfishnav ul ul li {
	color:#FFF;
	z-index:20;
	width:150px;
	background:#666;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	background:#6AA7E9;
	}
#suckerfishnav ul ul li a {
/*	line-height:1.5em;*/
	color:#FFF;
	text-decoration:none;
	}
#suckerfishnav ul ul li:hover a,#suckerfishnav ul ul li.sfhover a {
	color:#FFF;
	text-decoration:none;
	}
#suckerfishnav ul ul li:hover li a,#suckerfishnav ul ul li.sfhover li a {
	color:#FFF;
	}
#suckerfishnav ul ul li:hover li a:hover,#suckerfishnav ul ul li.sfhover li a:hover {
	color:#FFF;
	}
#suckerfishnav ul ul li:hover,#suckerfishnav ul ul li.sfhover {
	color:#FFF;
	background:#1A80D9 url(img/bg_li_menu.png) repeat-x 0 bottom;
	}
#suckerfishnav ul ul ul li {
	font-size:1em;
	-moz-opacity:1;
	opacity:1;
	khtml-opacity:1;
	}

#suckerfishnav ul ul ul, #suckerfishnav ul ul ul ul {
	position:absolute;
	margin-left:-999em;
	top:0;
	width:130px;
	}
#suckerfishnav li li:hover ul,#suckerfishnav li li.sfhover ul,#suckerfishnav li li li:hover ul,#suckerfishnav li li li.sfhover ul {
	margin-left:150px;
	}
#suckerfishnav ul ul li:hover li a,#suckerfishnav ul ul li.sfhover li a {
	text-decoration:none;
	}
#suckerfishnav ul ul li li:hover a,#suckerfishnav	 ul ul li li.sfhover a {
	color:#FFF;
	text-decoration:none;
	}
	
span.sf-sub-indicator {
	display: inline;
}



