/*  
Theme Name: Cristobal Farriol
Theme URI: http://jhonqwerty.com/
Description: Tema de Farriol.
Version: 1.0
Author: Pablo Carrasco
Author URI: http://JHONQWERTY

*/

/* Hoja de estilos Farriol */

body{
background-color:#DEDDD4;
margin:10px;
font-size:11px;
text-align:center;
font-family:sans-serif;
color:gray
}

p{
text-align:justify;
}

h1 {
font-size:120%;
font-weight:bold;
}

a:link, a:visited {
color:black;
text-decoration:none;
}

a:hover {
color:black;
text-decoration:underline;
}

/*a:active {
font-weight:bold;
}*/

.small {
color:gray;
font-size:90%;
}

.doblesp {
}

p.doblesp {
padding:4px;
}

.mail {
font-size:120%;
text-align:right;
}

.derecha {
float:right;
}

.footer {
float:left;
width:710px;
text-align:right;
font-size:11px;
}

#contenedor {
margin:0 auto;
width:720px;
text-align:left;
}


#caja2 {
border-top:1px solid #AEAAA2;
width:700px;
height:450px;
background:#cdc8bf;
font-family:"Arial", "Verdana", sans-serif;
line-height:1.5;
font-size:120%;
padding:10px;
}

#caja2 p {padding:4px;}

#barrasup {
background:#CDC8BF;
height:36px;
width:720px;
margin:0;
}

#logo {
float:left;
width:201px;
margin:0;
padding-top:5px;
/*border-right:1px solid gray;*/
}

#menu {
float:right;
height:26px;
width:501px;
padding-top:10px;
}

#menulist {
list-style:none;
font-family:monospace;
font-size:110%;
margin:0;
padding:0;
}

#menulist li{
float:left;
display:block;
width:83px;
height:26px;
text-align:center;
}

#menulist a:link, #menulist a:visited {
text-align:center; 
text-decoration:none;
font-size:110%;
color:gray;
}

#menulist a:hover {
color:black;
}

/*Seccion de obras */

/*#galnav {
width:250px;
margin:0 auto;
text-align:center;
}*/

#centrador {
text-align:center;
margin:0;
padding:0;
}

#tabla {
width:285px;
margin:0 auto;
}

#instructivo {
clear:both;
text-align:center;
width:400px;
margin:0 auto;
}

.columna {
width:55px;
float:left;
}

.recuadro {
width:50px;
vertical-align:top;
}

#cajanav {
border-top:1px solid #AEAAA2;
width:700px;
height:450px;
background:#cdc8bf;
padding:10px;
text-align:center;
}

#escondido {
display:none;
}

/*Clase que hace el borde de la imagen hoverear */


/*fin de aquellas cosas*/


#bio {
width:290px;
float:left;
padding-left:8px!important;
/*correccion para IE*/
padding-top:10px;

}

#foto {
width:368px;
float:right;
padding-right:8px;
padding-top:20px;
}


#vista {
float:right;
padding-right:8px;
overflow:hidden;
.padding-bottom:5px;
}

/*Seccion biografia */
/*actualizacion a wordpress*/

.post {font-size:12px;}

#farriol {float:right;width:368px;padding-top:20px;}
div.bio {width:319px;float:left;height:458px;}

.bold {font-weight:bold;}

/*portafolio*/

.ngg-galleryoverview {padding:15% 0 0 0;}


div.ngg-album-compact {width:70px;height:100px;float:left;}
.ngg-album-compact p, .ngg-album-compact h4 {padding:0;line-height:1.1em;margin:0;}
.ngg-album-compact p {display:none;}

.ngg-gallery-thumbnail-box {width:60px;height:55px;float:left;}



.ngg-gallery-thumbnail a img, a.Link img {
border:3px solid #c3bfb1;
}

.ngg-gallery-thumbnail a:hover img, a.Link:hover img {
border:3px solid gray;
}

.ngg-gallery-thumbnail a:hover , a.Link:hover {
border:0;
}

a.ngg-album-desc:hover , a.ngg-album-desc {color:gray;font-weight:normal;text-decoration:none;}


/* Begin Contact Form ][ CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 2px solid #ff0000;
}
/* End Contact Form ][ CSS */