/* Inicio RESET de los TAGS por defecto --------------------------------------------------*/

body,div,iframe,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img,form,fieldset,blockquote,table,td {
    margin: 0px;
    padding: 0px;
    border: 0px;
}


hr { display:none;}

p { margin-bottom:10px; }

table{ border-collapse:collapse; }


/* Fin RESET de los TAGS por defecto --------------------------------------------------*/






/*  Inicio ELEMENTOS básicos de HTML --------------------------------------------------*/

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:75%;
	background-color:#fff;
}




input, select, textarea {border:1px solid #dcd8cf;}
input, textarea{padding:1px;}



p {
    margin: 5px 0 10px 0;
}

ul, li {
	list-style: none;
	font-size: 1em;
}

a {
    text-decoration: none;
/*    padding-bottom: 1px;*/
	color: #7da5dc;
}

a:hover {
    color: #000a9b;
}

h1, h2, h3, h4, h5, h6 { color: #7da5dc; }


h1 {
    font-size: 2.0em;
    margin-bottom: 2px;
}

h2 { 
     font-size: 1.9em;
}

h3 {
    font-size: 1.8em;
    margin: 0 0 5px 0;
}

h3 strong{	color:#b4c864; }

h4 {
    font-size: 1.2em;
    margin: 10px 0 0 0;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1.0em;
    margin: 10px 0 0 0;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {color: #d50026;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #444;}

table {
    margin:5px 0;
    padding-bottom:10px;
}



/*  Fin ELEMENTOS básicos de HTML --------------------------------------------------*/








/*  Inicio clases GENERICAS para cualquier elemento --------------------------------------------------*/

.justi{	text-align:justify; }

.right { float:right}
.left { float:left}

.small {
    font-size: 9px;
    line-height: 13px;
}

.masgrande{
	font-size:120%;
}


.superindice{ 
}


.clear {
    clear: both;
	/*
    font-size: 1px;
    height: 1px;
	*/
}


.hidden {display:none; visibility:hidden;}

iv.hr {
  margin-top: 15px;
  height: 4px;
  border-top: 1px solid #EFEFEF;
  clear:left;
}


div.hr hr {
  display: none;
}


.no-link {
    background: none !important;
    text-decoration: none;
    padding-bottom: 0;
}




/* Relacionado con las imagenes */

.tipo1, .tipo2, .tipo3  {
  padding: 2px;
}

.tipo1 { float:right;     margin: 2px 0px 0px 5px; }
.tipo2 { float:left;      margin: 2px 5px 0px 0px; }
.tipo3 { margin: 0 auto;  margin: 2px 5px 0px 0px; text-align:center;}



/*  Fin clases GENERICAS para cualquier elemento --------------------------------------------------*/







 





































/*  Inicio FORMATO de pagina --------------------------------------------------*/

#container {
	position: relative;
	margin: 0 auto;
	margin-top:20px;
	padding-bottom:20px;
	width: 990px;
	border:#7da5dc 1px solid;
}


/*  Fin FORMATO de pagina --------------------------------------------------*/





/*  Inicio CABECERA de pagina --------------------------------------------------*/


#header {	
	position:relative;
    height: 130px;
	background:url(../img/bg_head.png) repeat-x bottom left;
}


#header h1 {
	background: url(../img/grupocid_logo.gif) no-repeat top left;
	width: 249px;
	height: 59px;
	float: left;
	margin-top: 22px;
	margin-left:15px;
	text-indent: -10000px;
	cursor:pointer;
}


#header h2 {
	text-indent: -10000px;
}


#nav {
	position:absolute;
    overflow:hidden; 
	bottom:10px;
	right:7px;
	width:950px;
	/*width:837px;*/
	height:20px;
}

#nav li { 
	float: left;
    height: 20px;
}

#nav  li a { 
    background: url(../img/menu.png) no-repeat 0 0;
    display: block;
    overflow:hidden;
    text-indent:-10000px;
    height:20px;	
}  


#nav li #nav-empresa {
    background-position:0px 0;
	width:107px;
}

#nav li #nav-viviendas {
    background-position:-107px 0;
	width:116px;
}

#nav li #nav-sistema {
    background-position:-223px 0;
	width:236px;
}
#nav li #nav-contacto {
    background-position:-461px 0;
	width:111px;
}
#nav li #nav-presupuesto {
    background-position:-572px 0;
	width:148px;
}
#nav li #nav-extranet {
    background-position:-720px 0;
	width:119px;
}

#nav li #nav-blog {
    background-position:-839px 0;
	width:70px;
}

#nav li #nav-empresa:hover, #nav li.selected #nav-empresa {
	 background-position:0px -21px;
}

#nav li #nav-viviendas:hover, #nav li.selected #nav-viviendas {
	 background-position:-107px -21px;
}
#nav li #nav-sistema:hover, #nav li.selected #nav-sistema {
	 background-position:-223px -21px;
}
#nav li #nav-contacto:hover, #nav li.selected #nav-contacto {
	 background-position:-461px -21px;
}
#nav li #nav-presupuesto:hover, #nav li.selected #nav-presupuesto {
	 background-position:-572px -21px;
}
#nav li #nav-extranet:hover, #nav li.selected #nav-extranet {
	 background-position:-720px -21px;
}

#nav li #nav-blog:hover, #nav li.selected #nav-blog {
	 background-position:-839px -21px;
}

#atuservicio{
	position:absolute;
	top:33px;
	left:386px;
}


#telefono{
	position:absolute;
	top:28px;
	right:34px;
}

#idiomas{
	position:absolute;
	top:65px;
	right:66px;
}


#idiomas  li { 
	float: left;
	padding-left:15px;
}

/*  Fin CABECERA de pagina --------------------------------------------------*/







/*  Inicio CONTENIDO de pagina --------------------------------------------------*/



#main{
	width: 100%;
	background:url(../img/sidebar.gif) no-repeat 0px 55px;
	min-height:490px;
}


#sidebar {
    float: left;
	margin-top:35px;
    width: 150px;
	text-align:right;
}

#sidebar li{
	margin-bottom:20px;
}

#sidebar li a{
	display:block;
	font-weight:bold;	
}

#sidebar li.selected a {
    color: #000a9b;
}







div#content {
	margin-left: 50px;
	width: 730px;
}
div#content.porquecid {
	/*background:transparent url(../img/bg_porquecid.jpg) no-repeat left bottom;*/
	padding-bottom:100px;
}

div#content p {
	text-align:justify;
	line-height:170%;
}


div#content ul {
	margin:10px 0px 20px 40px;
}

div#content li {
	margin:3px 0px 3px 0px;
	list-style:disc;
}



#navegador{
	padding-left:5px;
	font-size:90%;
	margin-bottom:15px;
	margin-top:5px;
}


#navegador  li { 
	float: left;
	margin-right:5px;
	background:transparent url(../img/navespacio.gif) no-repeat; 
	padding-left:15px;
}

#navegador  li.first{
	background:transparent url(../img/navhead.gif) no-repeat; 
	padding-left:30px;
}

#navegador  li.last a{ color:#b9cb6e }

/*  Fin CONTENIDO de pagina --------------------------------------------------*/




/* HOME */

body.home #main, body.contactar #main{
	background:none;
}

body.home #sidebar{
    float: right;
	text-align:left;
    width: 200px;
	margin-top:0px;
	padding-right: 5px;
}

body.home #content {
	float:left;
	margin-left: 20px;
}


body.contactar #content {
	margin-left: 100px;
}

/*
#ban_exposicion{
	background:url(../img/ban_exposicion.png) no-repeat;
}

#ban_complementos{
	background:url(../img/ban_complementos.png) no-repeat;
}

#ban_oportunidad{
	background:url(../img/ban_oportunidad.png) no-repeat;
}

#ban_exposicion a, #ban_complementos a, #ban_oportunidad a {
	width:203px;
	height:154px;
    text-indent:-10000px;
}
*/



/* FIN HOME */









/*  Inicio PIE DE PAGINA --------------------------------------------------*/


#footer {
	color:#7da5dc;
	width: 990px;
	margin: 0 auto 0 auto;
	
}



#footer .copyright{
	text-align:center;

}

#footline{
	width: 990px;
	margin:0 auto;
	background:transparent url(../img/partners.gif) no-repeat;
	height:58px;
}

h2.bannerindex1{
	font-size: 19px;
	}

#crisis-bubble h2 span.bannerindex2{ 
	font-size: 19px;
	color:#F6AE00;
	}


/*  Fin PIE DE PAGINA --------------------------------------------------*/











/*  Inicio VIVIENDAS --------------------------------------------------*/



.bot_gama{
	float:left;
	margin-bottom:30px;
	display:block;
	margin-left:35px;
	width:200px;
}



#miniaturas{
	position:relative;
	float:left;
	width:80px;
	height:323px;
}

#miniaturas img{	
	display:block;
}

#fotmodelo{
	float:right;
}

#masmodelos{
	position:absolute;
	bottom:0px;
	right:0px;
}
#masmodelos a{
 	display:block;
	text-align:right;
	font-size:1.5em;	
}


#botoneramodelo {
	clear:both;
	margin:0 auto;
	width:100%;
}

#botoneramodelo div.bot_modelo{
	font-size:80%;
	width:110px;
	padding-left:10px;
	float:left;
	height:70px;
}


#botoneramodelo div.bot_modelo img{
	padding-bottom:20px;

}



table.tlistaart{


}

table.tlistaart td{
	padding-right:40px;
	text-align:right;
}

table.tlistaart td.peson{
	background:url(../img/pes_on.gif) right no-repeat;

}

table.tlistaart td.pesoff{
	background:url(../img/pes_off.gif) right no-repeat;
}

table.tlistaart td.pesoff a{
	color:#b0d0e9;
}

table.tlistaart td.pesoff a:hover{
	color:#abbc62;
}

table.tlistaart td h3 {
    color:#a5b857;
    margin: 5px 0 0 0;
}

table.tlistaart td h4 {
    font-size: 1.5em;
    margin: 5px 0 0 0;
}



/*  Fin VIVIENDAS --------------------------------------------------*/










/*  Inicio PRESUPUESTOS --------------------------------------------------*/


table.cesta{
	width:100%;
	
}

table.bot_cesta{
	width:500px;
	text-align:right;
}


table.cesta td{
	border:none;
	padding:5px;
}

table.cesta tr.par td{
	background:#CCFF99;
}

table.cesta td.cestanombre{
	font-size:1.3em;
	font-weight:bold;
	color:#7da5dc;
}

table.cesta td.cestadesc{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}


table.cesta td.cestaborrado a{
	display:block;
	width:40px;
	height:20px;
	padding-top:10px;
	text-align:center;
}


table.formdatos td{
	border:none;
	padding:5px;
}
	
table.formdatosextra td{
	padding:5px;
	margin-bottom:5px;
	border-bottom:#FFFFFF 2px solid;
}
	
table.formdatosextra td.datos{
	font-size:140%;
	background-color:#FFFFB3;
}



table.tabpresu{
	border:#000000 1px solid;
	width:100%;
}

table.tabpresu td{
	border:#000000 1px solid;
	padding:2px;
}

table.tabpresu input{
	background:#eee;
	width:120px;
	border:#CCCCCC 1px solid;	
}




/*  Fin PRESUPUESTOS --------------------------------------------------*/








/* Inicio tablas para maquetar contenidos  --------------------------------------------------*/

table.maqueta td{
	padding:5px;
	vertical-align:top;
}


table.tfortpanel{
	border:#fff 1px solid;
	background-color:#d8d5d5;
}

table.tfortpanel th{
	color:#4686dd;
	font-size:110%;
}

table.tfortpanel td{
	padding:2px 5px 2px 5px;
	border:#fff 3px solid;
}

table.tfortpanel tr.par td{
	background-color:#d4d4e8;
}

table.tfortpanel th.blanco{
	background:#fff;

}




table.tlistado{
	border:#000 1px solid;

}

table.tlistado th{
	border:#000 1px solid;
	color:#4686dd;
	font-size:110%;
	background-color:#d8d5d5;	
}

table.tlistado td{
	padding:2px 5px 2px 5px;
	border:#000 1px solid;
}

table.tlistado tr.par td{

}


/* Fin tablas para maquetar contenidos  --------------------------------------------------*/




#advfoto, #advfoto2{
	position:absolute;
	top:540px;
	right:50px;
	text-align:right;
	font-style:italic;
}

#advfoto2{
	top:580px;
	right:60px;
	color:#fff;
	font-weight:bold;
}


/* Estilos Extras
 --------------------------------------------------*/
 img.shot {
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  margin-top:30px;
}





#about-bubble, #crisis-bubble  {
  position: absolute;
  width: 310px;
  height: 310px;
  text-align: center;
}

#about-bubble h2, #crisis-bubble h2 {
  z-index: 1;
  position: absolute;
  top:60px;
  left:50px;
  font-size:34px;
  padding-right: 10px;
  width:200px;
}

#crisis-bubble h2 {
	left:30px;
    width:240px;
	font-size:22px;
}

#crisis-bubble h2 span{
	font-size:12px;
	color:#f6ae00;
}

#about-bubble h2 strong{
	color:#f6ae00;
}

#cuerpo{
	
}

#content{
	float:left;
	/*height: 900px;*/
}

#sidebar2{
	float:left;
	width: 200px;
	margin-left: 25px;
}
	#sidebar2 h5{
		border-bottom: 1px solid #7da5dc;
		margin-bottom: 5px;
	}
	
	h5{
		border-bottom: 1px solid #7da5dc;
		margin-bottom: 5px;
	}

	#banners ul li{
		display:inline;
		padding: 0 0 0 15px;
	}
	
#facebook{
	height: 300px;
}	

#slide_bar ul li{
	display: inline;
	list-style: none;
}

.tags{
	
}

ul.tags {
	margin-left: -20px;
	float:left;
	padding-bottom: 40px;
}

 ul.tags li{
	display: inline;
	color: #999;
	font-weight: normal;
}

/*Lector RSS*/
	.RSSPumpContent { 
					font-family: Verdana;
					font-size: 12px;
						color: #000000;
				}

				.RSSPumpArticle {
					padding-bottom: 10px; 
				}

				.RSSPumpArticleHeader { 
					font-weight: bold;
				}

				.RSSPumpArticleContent { 
				}

				.RSSPumpContent A:hover { 
					text-decoration: underline;
				}

				.RSSPumpContent A { 
					text-decoration: none;
					color: #000000;
				}
				
/* Limpiar los floats 
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }