/*   
Theme Name: Reclam
Theme URI: www.reclam.es
Description: Theme RECLAM para desarrollo web corporativa de la agencia.
Author: Raul Fernandez (clink!)
Author URI: www.clink.es
Version: 1.0
*/

body
{
	background: #fff;
	color: #666666;
	font-size: 11px;
	padding-top: 10px;
        font-family: verdana, arial,helvetica,sans-serif;
 
}

#flechasindicadoras
{  font-size: 8px;
   color: black;
font-weight: bold;
}

 h2 
{

     color:#000;
        font-family: verdana, arial,helvetica,sans-serif;
     font-size: 15px;
	font-weight: bold;
}

#logo
{   width: 220px;
    height: 80px;
	background-color: #fff;

}

#socialmedia
{     
	background-color: #fff;
	height: 90px;	
   
}

ul#socialmedia 
{

   	list-style:none;
	margin:0;
	
      
    }
    
ul#socialmedia li 
{ 	
	list-style:none;
	margin:0;
	padding:0;
    text-indent:20px;
    line-height: 20px;
    font-size: 10px;
    text-decoration: none;
}

#socialmedia a
{ 	
    color: #333;
    text-decoration: none;
}

#socialmedia a:visited
{ 	
    color: #333;
    text-decoration: none;
}

#socialmedia a:hover
{ 	
    color:orange;
    text-decoration: none;
}
#facebook{
  background: url(imagenes/socialmedia/facebook.png) no-repeat 0% 0%;
}

#youtube{
  background: url(imagenes/socialmedia/youtube.png) no-repeat 0% 0%;
}
#twitter{
  background: url(imagenes/socialmedia/twitter.png) no-repeat 0% 0%;
}
#flickr{
  background: url(imagenes/socialmedia/flickr.png) no-repeat 0% 0%;
}
#rssicon{
  background: url(imagenes/socialmedia/feed.png) no-repeat 0% 0%;
}
#barra_negra
{   

   	background: #666666;
   	height: 10px;
   	width: 960px;
}

#cuerpocentral
{
	background-color: #fff;
	height: 480px;	
}

#menubar
{
	background-color: #fff;
	height: 13px;	
    margin-top:  20px;
}


ul#menubar 
{

   	list-style:none;
	margin:0;
	padding:0;
    }


ul#menubar li { /* Convertimos la lista en horizontal */
	
	list-style:none;
	margin:0;
	padding:0;
	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)

    }
#estaestuagencia
{
padding-top:270px;

height: 160px;
}



#fotopagina 
{      
        padding-top:60px;
	text-decoration: none;
      
   

}

#textopagina 
{       
     
        padding-top:60px;
	text-decoration: none;
        font-family: verdana, arial,helvetica,sans-serif;
	font-weight: normal;
	color: #666666;
}

#textopagina h2
{       
	text-decoration: none;
        font-family: verdana, arial,helvetica,sans-serif;
        color: #000; 
	font-size: 15px;
	
}

#scrollfilosofia
{
    
	height: 340px;

	text-decoration: none;
        font-family: verdana, arial,helvetica,sans-serif;
	font-weight: normal;
        
}



#scrollfilosofia h2 
{
     padding-top: 90px;
     padding-left:15px;
   

      margin-left:57px;
     background: #fff;
     color:#000;
     font-size: 15px;
	font-weight: bold;
}

#scrollclientes
{
    
	height: 370px;

	text-decoration: none;
        font-family: verdana, arial,helvetica,sans-serif;
	font-weight: normal;
       
}



#scrollclientes h2 
{
     padding-top: 30px;

   

  
     background: #fff;
     color:#000;
     font-size: 15px;
	font-weight: bold;
}


#fotointegral
{      
         padding-left: 60px;
	text-decoration: none;
      

   
}

#textointegral 
{     
	text-decoration: none;
        font-family: verdana, arial,helvetica,sans-serif;
	font-weight: normal;



	
}

#textointegral h2
{       padding-top:45px;
        color: #000;
	text-decoration: none;
        font-family: verdana, arial,helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
}


#equipo
{       

     padding-top: 120px;

        margin-left: 55px;
	text-decoration: none;
        font-family: verdana, arial,helvetica,sans-serif;

  
        float: left;
	
}



#equipo a
{ 	
    color: #666666;
    text-decoration: none;
}

#equipo a:visited
{ 	
    color: #666666;
    text-decoration: none;
}

#equipo a:hover
{ 	
    color:orange;
    text-decoration: none;
}
#equipo h3
{
    font-size: 14px;
	font-weight: normal;
color: orange;
font-style: italic;
}
#equipo h2
{

     padding-left:30px;
  
 
     background: #fff;
     color:#000;
     font-size: 15px;
	font-weight: bold;
}
#equipo-col1 {

    position:relative;
    width:150px;
    padding-left: 30px;

    float: left;
}

#equipo-col2 {
    position:relative;
    width:150px;
    padding-left: 30px;
    float: left;
    

}

#equipo-col3 {

    position:relative;
    width:150px;
    padding-left: 30px;
    float: left;


}

#equipo-col4 {

    position:relative;
    width:150px;
    padding-left: 30px;
     float: left;

}


a.rollover-integral {
  outline: none;
}

.rollover-integral {
  display: block;
  width: 342px;
  height: 430px;
  background: url(imagenes/cajastranspeque.png) no-repeat;
  text-indent: -9999px;
}


a.rollover-integral:link, a.rollover-integral:visited, a.rollover-integral:active {
  background: url(imagenes/cajastranspeque.png) no-repeat;
}

a.rollover-integral:hover {
  background-position: -342px;
}








#rrhh-nombre
{
        height: 70px; 
        width: 120px;
	text-decoration: none;
        font-family: verdana, arial,helvetica,sans-serif;
	font-weight: bold;
color: #000;
font-size: 15px;
margin-left: 30px;
margin-top: 15px;
 }

#rrhh-cargo
{margin-top:6px;
margin-left: 30px;
color: orange;
font-style: italic
 }
#rrhh-cuadro
{

height:350px;
width: 600px;
	text-decoration: none;
        font-family: verdana, arial,helvetica,sans-serif;
	font-weight: normal;
 
        background: url(imagenes/equipofondo.jpg) no-repeat;

}

#rrhh-descripcion
{

	text-decoration: none;
        font-family: verdana, arial,helvetica,sans-serif;
	font-weight: normal;


        margin-top:90px;
        margin-left:40px;
        margin-right: 40px;
}
#espacioblancorecursos
{margin-top: 50px;}

#luchalink a
{ 	
    font-size: 10px;
    color: #666666;
    text-decoration: none;
}

#luchalink a:visited
{ 	
    color: #666666;
    text-decoration: none;
}

#luchalink a:hover
{ 	
    color:orange;
    text-decoration: none;
}
#la_lucha

{
margin-top: 50px;
}


#la_lucha-col1 {

    position:relative;
    width:225px;
    height:303px;
    border:1px solid grey;
    margin-right:60px;
    float: left;
}

#la_lucha-col2 {

    position:relative;
    width:225px;
    height:303px;
    border:1px solid grey;
    margin-right: 60px;
    float: left;
    

}

#la_lucha-col3 {

    position:relative;
    width:225px;
    height:303px;
     border:1px solid grey;
    float: left;


}
#titulo_trabajos

{
margin-top: 80px;
margin-left:20px;
}

#galeria_trabajos

{
margin-top: 80px;
margin-left:20px;
width: 540;
height: 340;

}

.contenedorfoto {
   
   float:left;
   border: 1px solid grey;
   margin-right: 10px;
   margin-bottom: 10px;



} 

.contenedorfotoenblanco {
   
   float:left;
   border: 1px solid white;
   margin-right: 10px;
   margin-bottom: 10px;


}

.contenedorfoto a {
   width: 100px;
   heigth: 100px;

   margin: 1px solid grey;


} 

#galeria_portfolio
{margin-top: 60px; 
 }

#objeto_portfolio
{
   float:left;
   margin-right: 10px;
   margin-bottom: 10px;
   border: 1px solid grey;}

#descripcion_portfolio
{margin-top: 90px;
}

#video {
padding-top:20px;
margin-left :20px;
martin-top: 20px;
width: 500px;
height: 400px;


}

#flechaizquierda
{margin-top: 5px;
float: left;}

#flechaderecha
{
margin-top: 5px;
float: right;}

#paginaciontrabajos
{
color: orange;

height: 30px;
text-decoration: none;
}

#paginaciontrabajos a
{

text-decoration: none;
}

/* FIN DE ESTILOS */