/*  
Site Name: WWW.CARLOSPMENDIOLA.COM
Description: Sitio web personal de Carlos Pérez de Mendiola
Author: Carlos Pérez de Mendiola
*/

/*  =RESET
---------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
ol,ul {
	list-style: none;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}


/*  =DEFAULT STYLES
-------------------------------------------------------------- */

.hidden {display: none;}

P { 
	font:1.3em Arial, Helvetica, sans-serif;
	line-height:1.5em;
	padding:0.5em 0.3em; 
}

	
/*  =GLOBAL ELEMENTS
-------------------------------------------------------------- */
BODY {
	font:62.5%  Arial, Verdana, Helvetica, sans-serif; 
	text-align: center; 
	color:#000;
	background:#fff url(../images/bg-index.jpg) top left repeat; 
}
H1 { 
	font:6em Angelina, Georgia, "Times New Roman", Times, serif; 
	color:#000;
	clear:both;
	background:transparent url(../images/separacionh-header.png) left bottom repeat-x
}
H2 { 
	font:300 4em/0.9em PetitLatin, Georgia, "Times New Roman", Times, serif; 
	color:#bc0707;
	text-transform:uppercase;
	padding:0.2em 0 0.3em 0;
	background:transparent url(../images/separacionh-header.png) left bottom repeat-x;
	margin-bottom:0.2em
}
H2 SPAN{ 
	font-size:75%;
	color:#184d72;
	text-transform:none;
}
H3 { 
	font:4.8em Angelina, Georgia, "Times New Roman", Times, serif; 
	color:#000;
}
.title-zone H3 {
	float:left;
	position:relative;
	width:90%;
	padding-bottom:0.3em
}
.cols-zone H4 {
	font:300 3.4em/0.9em PetitLatin, Georgia, "Times New Roman", Times, serif; 
	color:#bc0707;
	padding:0.2em 0 0.3em 0;
	background:transparent url(../images/separacionh-header.png) left bottom repeat-x;
	margin-bottom:0.2em
}
.cols-zone H4 SPAN { 
	color:#184d72;
}
A IMG,:link IMG,:visited IMG {
	border:none;
}
A, A:visited {  
	outline: 0 none; 
	color:#bc0707
}
.goup A, .goup A:visited {
	font:3em Angelina, Georgia, "Times New Roman", Times, serif;
	color:#bc0707;
	text-decoration:none;
	margin-right:0.6em
}

/*  =CONTENT
-------------------------------------------------------------- */

#wrapped {
	width:96em;
	margin:0em auto;
	overflow:hidden;
	height:1%;
	border:1px solid #d3d4d6;
	border-width:0 1px;	
	background:#fff
}
#header {
	overflow:hidden;
	height:1%;
	background:#fff url(../images/bg-header.jpg) bottom left repeat-x;
	height:36.6em;
	margin:0 auto
}
#header .imagen {
	float:left;
	position:relative;
	margin:2.7em 0 0 2.5em;
	width:33.3em
}
#header .texto {
	float:left;
	position:relative;
	margin:2.7em 0 0 1.5em;
	width:55em;
	text-align:left
}
#personal-data {
	overflow:hidden;
	height:1%;
	background:#fff url(../images/bg-presentacion.png) bottom left repeat-x;
	padding:1.5em 0 2em
}
.name-photo {
	float:left;
	position:relative;
	margin-left:0.5em;
    background:#fff url(../images/img-presentacion.jpg) right 1.3em no-repeat;
    width:39em;
	padding-bottom:7em}
.name-photo UL { 
	margin:0em 20em 1em 0; 
	padding:1em 0;
}
.name-photo LI { 
	text-align:right
}
.name-photo LI.presentacion { 
	font:4.8em Angelina, Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin-bottom:0.8em;
}
.name-photo LI.nombre { 
	font:2em/1em PetitLatin, Georgia, "Times New Roman", Times, serif;
	color:#bc0707;
}
.skills {
	float:right;
	position:relative;
	width:53em;
	margin-right:1.5em;
	text-align:left
}
.skills UL {
	margin-top:2.5em
}
.skills LI {
	font:1.3em/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:1.5em
}
.skills UL.soc-net {
	margin:1em 6em 0 0; 
	text-align:right;
	background:#fff url(../images/img-soc-net.png) 7.2em top no-repeat;
	padding:0.5em 0 2em 0;
} 
.skills UL.soc-net LI { 
	display:inline; 
	margin-right:0.5em;
}


#portfolio-zone { 
	background:#edf4f8 url(../images/bg-protfolio.png) left bottom repeat-x;
	overflow:hidden; 
	height:1%; 
	text-align:left;
	padding:1em 0 2em;
}
.title-zone {
	overflow:hidden;
	height:1%;
	margin:1em 3em 2em
}
.goup {
	float:right;
	position:relative;
	width:9%;
	background:transparent url(../images/flecha-subir.png) right top no-repeat ;
	padding:0.8em 0;
	text-align:right
}
.cols-zone {
	overflow:hidden;
	height:1%;
	background:transparent url(../images/separacionv-tijera.png) 50% top repeat-y;
	padding-bottom:1em;
	margin:1em 3em 3em;
}
.col-left {
	float:left;
	position:relative;
	width:47%
}
.col-right {
	float:right;
	position:relative;
	width:47%
}
UL.proyect-list {
	margin:1em 0 1em 1em
}
UL.proyect-list LI {
	margin:1em 0
}
UL.proyect-list UL {
	margin-bottom:1em
}
UL.proyect-list LI LI {
	display:inline;
	margin:1em 0.6em;
}


#summary {
	overflow:hidden;
	height:1%;
	text-align:left;
	background:#fff url(../images/bg-presentacion.png) left bottom repeat-x;
	margin:0em;
	padding-bottom:2em
}
#summary P { 
	margin:0 3em
}
#footer {
	background:#edf4f8;
	padding:1.5em 0 2em
}
#footer IMG { 
	vertical-align:middle; 
	margin-right:0.5em
}
#footer P { 
	text-align:center
}
#footer P A, #footer P A:visited { 
	font-weight:bold; 
	color:#000
}
#footer P A:hover { 
	text-decoration:none; 
	color:#0b3e64; 
}