/*  
Theme Name: Sooft
Theme URI: http://www.sooft.es
Description: Para Gradulux por SOOFT
Author: SOOFT | Internet, Marketing y Videos
Author URI: http://www.sooft.es
Version: 1
*/

/* Defaults */

html,body 

{
   margin:0;
   padding:0;
   height:100%;
}

/* Main container ============================================================================ */
#container

 {
   min-height:100%;
   position:relative;
   

}

/* Main Header whole screen width============================================================================ */

#header
 {
   background:#fff;
   padding:10px;
 overflow: auto;

   
}

/* Header container that change according to the header design width (ex: 960px)============================== */

#header #headerContainer

{
background:#fff;
margin:0;
padding:0;
width:960px;
overflow:auto;
border-bottom:1px solid black;

}

#header #headerContainer #topright {
  text-align: left;
  float: left;
   margin: 10px 0px 0 70px;
   background:#fff;
  height:41px;
 
}
#header #headerContainer #topright ul 
{
list-style: none;
margin: 0;
padding-top:0px;
padding-left:0px;
float:left;


  }
#header #headerContainer #topright li 
{
  
display: inline-block;
border-left: 1px solid #C3C3C3;
padding: 8px 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
height:30px;
float:left;
}


#header #headerContainer #topright li a 
{
  color: #000;
  font-family:arial;
  font-size: 10pt;
  padding-right: 50px;
  padding-left: 2px;
  text-decoration: none;
  font-weight:bold;

  }
  
#header #headerContainer #topright ul a:hover 
{
   
  text-decoration: underline;

}


#header #headerContainer #topright ul li:first-child
 { 
   /* border-left: 0; */
    
 }


#header #headerContainer #logo {
  float: left;
  margin: 5px 0 0 0;
  padding: 0;

}

/* The container of the content and the layout================================================== */

#body
 {
  
padding-top:0px;
padding-bottom:60px;   /* Height of the footer or more to have padding 10px at bottom (in this case) */
width:960px;
text-align:left;
overflow:auto;
margin-top:-20px;
padding-right:0px;
padding-left:0px;

}

/* General styles  ************************* */
.contenidoShort

{
  
font: 10pt arial;
color: #696969;

 }
 
.contenidoShort a
 {
    font: 11pt arial;
color:#0095e0;
text-decoration:none;
 }
 
.contenidoShort a:hover
 {
    font: 11pt arial;
color:#0095e0;
text-decoration:underline;
 }
 
a.contenidoShortMore
 {
    
font: 9pt arial;
color:#0095e0;
text-decoration:none;
    
 }
 
a.contenidoShortMore:hover
 {
    
font: 9pt arial;
color:#0095e0;
text-decoration:underline;
    
 }
 


.contenidoShortAbajo

{
  
font: 9pt arial;
color: #696969;

 }
 
.contenidoShortAbajo a
 {
 font: 9pt arial;
color:#0095e0;
text-decoration:none;
 }
 
 
.contenidoShortAbajo a:hover
 {
font: 9pt arial;
color:#0095e0;
text-decoration:underline;
 }
 

.contenidoShortAbajoTitulo a
{
font: 11pt arial;
color:#0095e0;
text-decoration:none; 
font-weight:bold; 
}

/* middle =================================== */
  
  #body #containerMiddleHacemos
  {
 float:left;
 margin:0 0 10px 0;
padding:0;
height:220px;
overflow:auto;
width:960px;

}
 
 #body #containerMiddleHacemos ul

{

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

}


 #body #containerMiddleHacemos li

{
font:10pt verdana;
display:block;  
float:left;
width:290px;
border-left: dashed 1px #C3C3C3;
padding: 0px 10px 0px 13.5px;

 }
 
 #body #containerMiddleHacemos ul li:first-child

{

border-left:0;


 }
 
/* ************************************* */ 
#body #containerTop
{
float:left;
margin:0 0 0 0;
padding-top:20px;
/*border:solid 1px black;*/
overflow:auto;
position:relative;
}
/* post single page **************************************************************** */

#body #postContainer
{
  float:left;
  width:960px;
  overflow: auto;
  margin-top: 40px;
   
}

#body #post
{
  float:left;
  width:960px;
  overflow: auto;
   
}

#body a.postTitulo
{
   
font: 20pt arial;
color: #696969;
text-decoration:none;
font-weight:bold;
margin-top:50px;

 }
 
#body a.postTitulo:hover

{
    
font: 20pt arial;
color: #0095e0;
text-decoration:none;
font-weight:bold;
 }
 
 .metaDatos
 
 {
    
font: 10pt arial;
color: #696969;
text-decoration:none;
font-weight:normal; 

 }
 
.metaDatos a
 
 {
    
font: 10pt arial;
color: #0095e0;
text-decoration:none;
font-weight:normal; 

 }
 
.metaDatos a:hover
 
 {
    
font: 10pt arial;
color: #0095e0;
text-decoration:underline;
font-weight:normal; 
cursor:pointer;

 }
 
 
.postContenido
 {
 
 font: 12pt arial;
color: #696969;
font-weight:normal; 
line-height: 25px;  
 
 }
 
.postContenido a
 {
font: 12pt arial;
color:  #0095e0;
font-weight:normal; 
text-decoration:none;
 }
 
.postContenido a:hover
 {
 
 font: 12pt arial;
color:  #0095e0;
font-weight:normal; 
cursor:pointer; 
text-decoration:underline;
 
 }
 
.postContenido img
{
  border: 1px solid #C3C3C3;     
}
 
 
 /* Comments **************************************************************** */
 
.CommentsMetaDatos
 
 {
    
font: 10pt arial;
color: #696969;
text-decoration:none;
font-weight:normal; 

 }
 
.CommentsMetaDatos a
 
 {
    
font: 10pt arial;
color: #0095e0;
text-decoration:none;
font-weight:normal; 

 }
 
.CommentsMetaDatos a:hover
 
 {
    
font: 10pt arial;
color: #0095e0;
text-decoration:underline;
font-weight:normal; 
cursor:pointer;

 }
 
#commentList ul
 {
list-style: none;
margin:0;
padding:0;

}


#commentList li

{
font:10pt verdana;
display:block;  
padding: 5px 0px 10px 0px;
border-bottom:1px solid gray;
text-align: left;

 }
 
#commentList li a

{


font: 10pt arial;
color: #0095e0;
text-decoration:none;
font-weight:normal; 
cursor:pointer;

 }
 
#commentList li a:hover 

{


font: 10pt arial;
color: #0095e0;
text-decoration:underline;
font-weight:normal; 
cursor:pointer;

 }



#commentList .commentContenido
 {
 
 font: 10pt arial;
color: #696969;
font-weight:normal; 
line-height: 25px;  
 
 }

.commentSubmit
{
border:0;
background-color: transparent;
font: 10pt arial;
color: #0095e0;
cursor:pointer
    
}
 

/* pages tamplates ******************************************************************* */

/* Top container and twitter ********************************************************* */

#body #containerTop
{
    width:960px;
    overflow: auto;
}

#body #containerTop .titulosPaginas

{
     font:30pt arial; color:#005e8d;text-decoration:none;
    
}

#body #containerTop a.twitter-link
{
  font:30pt arial; color:#005e8d;text-decoration:none;
}



#body #containerTop .twitter-timestamp

{
 font:12pt verdana; 
 color:#C3C3C3; 
 font-weight:bold; 
 text-decoration: none;

}

.twitterSooft a
{
    color:#3EAFE7;
    font:12pt verdana;
    font-weight: bold;
    text-decoration: none;
    
 
  
 
}



#body #containerTop .tituloSoofters

{
     font:20pt arial; color:#005e8d;text-decoration:none;
    
}
/* middle container ************************************************************ */

#body #containerMiddle
{
float:left;
 margin:0 0 10px 0;
padding:0;
overflow:auto;
width:960px;

}

#body #containerMiddle ul
{

list-style: none;
margin:0;
padding:0;
float:left;

}


#body #containerMiddle li

{
font:10pt verdana;
display:block;  
float:left;
width:300px;
height:510px;
border-left: dashed 1px #C3C3C3;
padding: 0px 10px 0px 5.5px;
float:left;



 }
 
 
 #body #containerMiddle li .tituloContacto
 
 {
 font:11pt arial;
color:#696969;
font-weight:bold;
text-decoration:none;  
    
 }
 
 

#body #containerMiddle li .titulo 

{
font:14pt arial;
color:#0095e0;
text-decoration:none;


 }
 
 #body #containerMiddle li a.titulo 

{
font:14pt arial;
color:#0095e0;
text-decoration:none;
 }

#body #containerMiddle ul li:first-child
 { 
border-left: 0; 
padding-left: 0;
position:relative;
}


#body #containerMiddle #soofters ul
{

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

}


#body #containerMiddle #soofters li

{
font:10pt verdana;
display:block;  
float:left;
width:230px;
border-left: dashed 1px #C3C3C3;
padding: 0px 0px 0px 10px;
margin-top:20px;
}
 
#body #containerMiddle #soofters li .nameSoofter 

{
font:14pt arial;
color:#696969;
text-decoration:none;
 }
 
 #body #containerMiddle #soofters li .deptSoofter 

{
font:11pt arial;
color:#5A5A5A;
text-decoration:none;
margin-top:-10px;
 }
 

 
 #body #containerMiddle #soofters li .contenidoSoofter 

{
font:11pt arial;
color:#696969;

 }

#body #containerMiddle #soofters ul li:first-child
 { 
border-left: 0; 
padding-left: 0;
}

#body #containerMiddle #ourWork
{

float:left;
width:960px;
overflow:auto;

}



/* container bottom ****************************************************************** */

#body #containerBottom
{
float:left;
margin:10px 0 0 0;
padding:0;
}

#body #containerBottom ul
{

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


#body #containerBottom li

{
  
display:block;  
float:left;
width:175px;
height:500px;
border-left: dashed 1px #C3C3C3;
border-right: dashed 1px #C3C3C3;
padding: 0px 5px 0px 10px;
margin:0;

 }
 

 
#body #containerBottom li .tituloBlogPortada

{
  
font: 11pt arial;
color: #000;
text-decoration:none;
font-weight:bold;
height:40px;

}
 
 
 #body #containerBottom li a.tituloBlogPortada

{
  
font: 11pt arial;
color: #000;
text-decoration:none;
font-weight:bold;

 }
 
#body #containerBottom li a.tituloBlogPortada:hover

{
font: 11pt arial;
color: #000;
text-decoration:underline;
font-weight:bold;
 }





/* Footer that has the whole screen width===================================================================== */

#footer
 {
   position:absolute;
   bottom:0;
   width:100%;
   height:50px;   /* Height of the footer */
   background:#fff; 
}

/* Footer container that change according to the footer design width (ex: 960px)============================== */

#footer #footerContainer
{
   text-align:left;
   width:960px;
   background:#fff;
   border-top:1px solid #969696;
   padding-top:5px;
}

#footer #footerContainer #bottomLeft
{
   text-align:left;
   float:left;
}

#footer #footerContainer #bottomLeft ul 
{
list-style: none;
margin: 0;
padding-top:5px;
padding-left:0px;




  }
#footer #footerContainer #bottomLeft li 
{
  
  display: inline;
border-left: 1px solid #AB9C84;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;


  }


#footer #footerContainer #bottomLeft li a 
{
  color: #969696;
  font-family:arial;
  font-size: 9pt;
  padding-right: 1px;
  padding-left: 2px;
  text-decoration: none;
 /* border-left: solid 2px #AB9C84; */


  }
#footer #footerContainer #bottomLeft ul a:hover 
{
   
  text-decoration: underline;

}


#footer #footerContainer #bottomLeft ul li:first-child
 { border-left: 0; }

/* Formulario de Contacto ======================================================================  */

.textBox
{
border:solid 1px #ABADB3;
width:190px;
margin:0 0px 10px 0;
}

.textArea
{
border:solid 1px #ABADB3;
width:295px;
}

.button
{
border:0;
background-color: transparent;
font: 10pt arial;
color: #0095e0;
cursor:pointer;
font-weight:bold;
}


.masInfo a
{

font: 9pt Georgia; 
color: #f7f5eb; 
text-align: right; 
vertical-align: bottom;
}


/* thumbnail===============================================================================*/

.feature
{
border:none;
margin:0;
padding:0;
}



/* navigation ********************************/
.navigation {  
    display: block;  
    text-align: center;  
    margin-top: 10px;  
    margin-bottom: 10px;  
    font-size:80%;
    float:right;
    
    }  
.navigation a{  
    text-align:center;  
   padding:5px 10px;  
   margin:0 2px 0 2px;  
   border:1px solid #6C7388;  
   color: #0095e0;
   text-decoration: none;
   }  
.navigation a:hover{  
   background:#E1E1E1;  
   }