/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
}

#wrapper { 
 margin: 0 auto;
 width: 1024px;
 float:center;
   position:relative;

}


/* HEADER */

#header {
 color: #fff;
 width: 1024px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 100px;
 margin: 0px 0px 0px 0px;
 background: #fff;
}

#logo { 
 color: #000;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 200px;
 float: left;
}

#otros_logos { 
 float: right;
 color: #000;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 170px;
 display: inline;
}

/* MENU */
 a#replaced {
    display:block;
    text-indent:-9999em;
    width:50px;
    height:25px;
    background: url(img/volver_btn.png) top left no-repeat;
}
a#replaced:hover {
    background-position:0 -25px;
}



a:link { text-decoration: none; color: #000; }
a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #6ad3e6; }

.inactivo {}
.activo {background-color: #6ad3e6;}


a img { border: none; }


#menu {
    width: 100px;
	background-color: #fff;
   
 }

#menu ul {
	list-style: none;
	margin: 0 0 4px 0;
	padding: 0px 0px 0px 0px;
}


#menu li {
	list-style: none;
	margin: 0 0 4px 0;
	padding: 0px 0px 0px 1px;
}

#menu ul li.section-title { 
list-style: none;
	margin: 0px 0px 4px 6px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
	
}



/* TYPO */


p{
	margin:0px;
	padding:0px;
	
}

h1{
	
}

h2{
	
}

h3{
 color: #000;
 font-family:Arial, Helvetica, sans-serif;
 font-size:80%;
 font-weight:300;	
}


#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 130px;
 float: left;
}


/* CENTRO Y COLUMNAS */

#rightcolumn { 
 float:left;
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 background-image:url(img/fondo_libro.png);
 background-repeat:no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 598px;
 width: 752px;
 display: inline;
}


#pornombre { 
 float:left;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 15px;
 padding: 5px;
 width: 650px;
 display: inline;
}

#pornombre_col1 { 
 float:left;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 2px;
 width:356px;
 display: inline;
}

#pornombre_col11{ 
 float:left;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 2px;
 width:340px;
 display: inline;
 font-size:150%;
 color:#75d0df;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
}
#pornombre_col11 a{ 
 float:left;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 2px;
 width:340px;
 display: inline;
 color:#75d0df;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
}
.pornombre_col12 { 
 float:left;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 2px;
 width:340px;
 display: inline;
 color:#000;
 font-size:80%;
 font-family:Arial, Helvetica, sans-serif;
}

#pornombre_col2 { 
 float:left;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width:250px;
 display: inline;
}

#pornombre_col21 { 
 float:left;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 10px;
 padding: 8px;
 width:60px;
 display: inline;
}
.pornombre_col22 { 
 float:left;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width:30px;
 display: inline;
 color: #000;
 font-family:Arial, Helvetica, sans-serif;
 font-size:95%;
}
#pornombre_col23 { 
 float:left;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 8px;
 width:90px;
 display: inline;
}




#index { 
 float:left;
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 20px 0px;
 padding: 0px;
 height: 598px;
 width: 752px;
 display: inline;
}

#col_right_1 { 
 color: #6ad3e5;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 580px;
 width: 353px;
 float: left;
 display: inline;
 font-family:Arial, Helvetica, sans-serif;
 font-size:180%;
 font-weight:bold;
}


#col_right_quees { 
 color: #6ad3e5;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 580px;
 width: 353px;
 float: left;
 display: inline;
 font-family:Arial, Helvetica, sans-serif;
 font-size:100%;
 font-weight:bold;
}

#col_right_12_quees { 
 color: #000;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 70px;
 width: 340px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:70%;
 font-weight:300;
}


#col_right_11 { 
 color: #6ad3e5;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 510px;
 width: 353px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:180%;
 font-weight:bold;
 vertical-align: middle;

 
}

#col_right_12 { 
 color: #000;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 70px;
 width: 340px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:40%;
 font-weight:300;
}



#col_right_2 { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 20px;
 height: 580px;
 width: 353px;
 display: inline;
}

#col_right_21 { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 540px;
 width: 153px;
 display: inline;
 font-weight:bold;
}

#col_right_22 { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
 height: 540px;
 width: 153px;
 display: inline;
 font-weight:bold;
}

#col_sintomas { 
 float: left;
 color: #fff;
 font-size:130%;
 font-weight:bold;
 border: 0px solid #ccc;
 margin: 0px 20px 0px 0px;
 padding:  30px 20px 0px 10px;
 height: 340px;
 width: 300px;
 display: inline;
 background-image:url(img/fondo_sintomas.png);
 background-repeat:no-repeat;
}


#col_proyecto1 { 
 color: #6ad3e5;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 410px;
 width: 353px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:90%;
 font-weight:bold;
 vertical-align:middle;
}

#col_proyecto2 { 
 color: #000;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 510px;
 width: 253px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:95%;
 font-weight:bold;
 vertical-align:middle;
}


#col_prpuesta1{ 
 color: #6ad3e5;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 510px;
 width: 353px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:150%;
 font-weight:bold;
 vertical-align:middle;
}

#col_comparte1 { 
 float: left;
 color: #6ad3e5;
 font-size:80%;
 font-weight:bold;
 font-stretch:condensed;
 border: 0px solid #ccc;
 margin: 10px 10px 10px 20px;
 padding:  0px 20px 0px 5px;
 height: 60px;
 width: 320px;
 display: inline;
  font-family:Arial, Helvetica, sans-serif;
 
}


#col_comparte2 { 
 float: left;
 color: #fff;
 font-size:60%;
 font-weight:bold;
 font-stretch:condensed;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 20px;
 padding:  8px 20px 0px 18px;
 height: 440px;
 width: 300px;
 display: inline;
 background-image:url(img/fondo_sintomas.png);
 background-repeat:no-repeat;
  font-family:Arial, Helvetica, sans-serif;
}



/* CLASES FORMULARIO TU PROPUESTA */

.input_bkg_form {
	padding:5px;
	background: url(img/text_area1.png)  no-repeat;
	border:0px solid #16a2da;
	color:#6ad3e5;
	font-size:18px;
}

.input_bkg_form2 {
	padding:1px;
	color:#6ad3e5;
    font-size:11px;
}

#inputlabel{
padding-left: 5px;
width: 300px; 
font-size:65%;
font-weight:200;
margin-bottom:4px;
	
}


#inputlabel_provincia{
padding-left: 5px;
width: 300px; 
font-size:65%;
font-weight:200;
margin-bottom:4px;
	
}

option {  }
SELECT{  font-size: 100%; color: #6ad3e5; background-color:#fff;} 

#submit{
float:right;
padding-right: 15px; 
font-size:80%;
font-weight:200;
margin-bottom:4px;

	
}

input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:hidden;
	color:#fff;
	font-size:65%;
	font-weight:bold;
	background-color:#6ad3e5;
	font-family:Arial, Helvetica, sans-serif;
}



/* CLASES FORMULARIO COMPARTE */

#inputlabel1{
padding-left: 0px;
width: 300px; 
font-size:85%;
font-weight:200;
margin-bottom:4px;
	
}



/* FOOTER */

#footer { 

 width: 1024px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height:60px;
}

#comparte{ 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 90px;
 display: inline;
}


/* BOTONES */

.btn_comparte{ 

width:87px;
height:44px;
display:block;
font-size:80%;
text-decoration:none;
background: url(img/comparte.png) 0 0 no-repeat;

}
.btn_comparte:hover {
	background-image:url(img/comparte_hover.png);

   }
   
   
   
   
.btn_enviar{ 

width:87px;
height:30px;
display:block;
font-size:140%;
text-decoration:none;
color:#09C;


}
.btn_enviar:hover {
	color:#9c9e9f;
	

   }   
   
.btn_proponeltuyo{ 

width:105px;
height:30px;
display:block;
font-size:85%;
text-decoration:none;
background: url(img/prpoponeltuyo.png) 0 0 no-repeat;

}
.btn_proponeltuyo:hover {
	background-image:url(img/prpoponeltuyo_hover.png);

   }
      
	  
	  
	     
.btn_queeslaepoc{ 

width:105px;
height:30px;
display:block;
font-size:85%;
text-decoration:none;
background: url(img/queeslaepoc.png) 0 0 no-repeat;

}
.btn_queeslaepoc:hover {
	background-image:url(img/queeslaepoc_hover.png);

   }
     
   
   
        
.btn_votar{ 

width:105px;
height:30px;
display:block;
font-size:85%;
text-decoration:none;
background: url(img/votar.png) 0 0 no-repeat;

}
.btn_votar:hover {
	background-image:url(img/votar_hover.png);

   }
     
        
.btn_compartir{ 

width:105px;
height:30px;
display:block;
font-size:85%;
text-decoration:none;
background: url(img/compartir.png) 0 0 no-repeat;

}
.btn_compartir:hover {
	background-image:url(img/compartir_hover.png);

   }	 
	 
	 #slideshow {
    position:relative;
    
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	background-color:#FFF;


}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#mensaje  {
color:#5299A5;
font-family:Verdana;
font-size:10px;
left:190px;
position:absolute;
top:565px;
width:300px;
}

#mensajeVotaciones  {
color:#5299A5;
font-family:Verdana;
font-size:10px;
left:190px;
position:absolute;
top:643px;
width:300px;
}

#paginacion  {
color:#5299A5;
font-family:verdana;
font-weight: bold;
left:740px;
position:absolute;
top:643px;
}

#paginacion a{
color:#5299A5;
}