@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------
	Template Name : Angel Cabrere v 3.0
	Author : Angel Cabrera
	Author URI : http://www.angelcabrera.net/       
	Last Date Modified : 30 de noviembre de 2010	
 ------------------------------------------------ */
 
body {
	font:"Times New Roman", Times, serif;
	background: url(../images/bg.jpg) repeat;
	width: 100%;	
	margin:0;
	padding:0;
	border:0;
}

img { border:0;  }

ol,ul { list-style:none; }

p {
	margin-top:-5px;
	padding: 0;
	line-height: 18px;
	font-size: 12px;
	font-family: Droid Sans;
	color:#FFFFFF;
}


 
/* Headers */

h1 { font-size: 3.7em; font-weight: normal; letter-spacing: -2px; font-family: Oswald;}
h2 {color:#FFFFFF; font-weight: bold; line-height: 31px; font-size: 31px; font-family: Oswald; letter-spacing: -1px; margin-top:7px; margin-bottom:15px;  padding: 0;}
/*h2 { font-size: 2.8em; font-weight: normal;}*/
h3 { font-size: 2em; font-weight: normal; letter-spacing: -0.5px; padding-top: 15px;font:"Courier New", Courier, monospace;}
h4 { font-size: 1.3em; }

.estrella {
	float:left;
	margin-top:18px;
	margin-right:7px;
}

.detalle {
	margin-right:5px;
}

.detalleprimero {
	margin-left:20px;
	margin-right:5px;
}

/* Menu */
#menu {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: 250px;
	position: relative;
	
	
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .home {
	width: 108px;
	height: 141px;
	background: url(../images/inicio.png) no-repeat;
	left: 20px;
	top: 0px;
}

#menu .homefijo {
	width: 108px;
	height: 141px;
	background: url(../images/iniciofijo.png) no-repeat;
	left: 20px;
	top: 0px;
}

#menu .blog {
	width: 108px;
	height: 141px;
	background: url(../images/blog.png) no-repeat;
	left: 159px;
	top: 0px;
}

#menu .blogfijo {
	width: 108px;
	height: 141px;
	background: url(../images/blogfijo.png) no-repeat;
	left: 159px;
	top: 0px;
}

#menu .yo {
	width: 108px;
	height: 141px;
	background: url(../images/yo.png) no-repeat;
	left: 692px;
	top: 0px;
}

#menu .yofijo {
	width: 108px;
	height: 141px;
	background: url(../images/yofijo.png) no-repeat;
	left: 692px;
	top: 0px;
}

#menu .contacto {
	width: 108px;
	height: 141px;
	background: url(../images/email.png) no-repeat;
	left: 832px;
	top: 0px;
}

#menu .logo {
	width:205px;
	height:143px;
	background: url(../images/logo.png) no-repeat;
	top:38px;
	left:375px;
	
}

#menu .facebook {
	width:27px;
	height:26px;
	background: url(../images/facebook.png) no-repeat;
	top:46px;
	left:313px;
	
}

#menu .tweeter {
	width:27px;
	height:26px;
	background: url(../images/tweeter.png) no-repeat;
	top:46px;
	left:350px;
	
}

#menu .google {
	width:27px;
	height:26px;
	background: url(../images/google.png) no-repeat;
	top:46px;
	left:580px;
	
}

#menu .linkedin {
	width:27px;
	height:26px;
	background: url(../images/linkedin.png) no-repeat;
	top:46px;
	left:617px;
	
}



/* Layout */
#header {
	background: url(../images/top.png) repeat-x;
}

#content {
	
	
}

#footer {
	background:url(../images/foot.png) center bottom ;
	height:50px;
}

#footercenter {
	width:960px;
	position:relative;
	margin:0 auto;
	
	padding-top:25px;
}

#footercenter .bottom-left {
	float: left;
	padding-left: 5px;	
	color:#FFFFFF;
	font-size:11px;	
}
#footercenter .bottom-right {
	text-align: right;
	padding-right: 0;
	font-size:11px;
	color:#FFFFFF;
}
#footercenter .bottom-right a:link, a:visited {
	text-decoration:none;
	color:#FFFFFF;

}


/*#bg_work {
	background:url(../images/bg_work.png) repeat-x bottom;
}*/
#contblog {
	margin-left:125px;
}

#work {
	height: 355px;
	margin: 0 auto;
	position:relative;
	width:960px;
}


#divisor {
	text-align:center;
	margin-bottom:30px;
}

#text {
	width:330px;
	float:left;
}
#text p {
	margin-right:30px;
	margin-left:20px;
}
#text a {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

/* Slider */
#slider {
	/*position:relative;*/
	width:580px;
	/*left:350px;*/
	float:right;
}

#container {
	float:right;
	width:580px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:600px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}



#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
	outline:0;
	
}

.slides_container {
	width:570px;
	height:270px;
	overflow:hidden;
	position:relative;
}

#slides .next {
	left:585px;
}

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/******************************************************** Blog *********************************************************/

/******** Other ********/
div.spacer {
height: 120px;
}
div.headline {
height: 120px;
}
/******** Large boxes (220x220) with characters ********/
div#largebox1 {
height: 220px;
background: #6e0000;
font: 196pt Georgia, Times New Roman, Times, serif;
color: #FFF;
text-align: right;
overflow: hidden;
}
div#intro1 {
  color: #0CA5B0;
  height: 120px;
}
div#largebox2 {
height: 220px;
background: #939461;
font: 196pt Georgia, Times New Roman, Times, serif;
color: #FFF;
text-align: right;
overflow: hidden;
}
div#intro2 {
  color: #939461;
  height: 120px;
}

/******** Small (100x100) boxes ********/
div.box {
  height: 100px;
  color: #6e0000;
  font: 12pt/1.6em Georgia, Times New Roman, Times, serif;
  text-align: right;
}
div.box p {
  padding: 5px 10px;
  color: #6e0000;
}
div.box span.date_day {
  font: 20pt Georgia, Times New Roman, Times, serif;
  display: block;
  color: #6e0000;
}
div#smallbox1 {
  background: #ffffff;
}
div#smallbox2 {
  background: #616193;
}

/******** Comments ********/
div.comments {
  margin: 40px 0 0 0;
}
div.comment {
  border: 1px solid #CCC;
  border-width: 1px 0 0 0;
  margin: 10px 0;
  padding: 10px;
}
div.comment h4{
  color: #666;
  font: 12pt Georgia, Times New Roman, Times, serif;
  display: inline;
}
div.comment span.no {
  color: #666;
  text-align: right;
  font: 24pt Georgia, Times New Roman, Times, serif;
  float: right;
  width: 60px;

}
div.comment span.date {
  color: #666;
  padding: 0 0 0 40px;
  font: 10pt Georgia, Times New Roman, Times, serif;
}

/******** Sidebar ********/
div#sidebar {

}
div#sidebar label {
  margin: 12px 0;
  font: 10pt Arial, Helvetica, sans-serif;
}
div#sidebar input {
  margin: 6px 0;
  background: #FFF;
  color: #666;
  font: 10pt Arial, Helvetica, sans-serif;
  border: 1px solid #CCC;
}
div#sidebar p {
  color: #ffffff;
}
div#sidebar h3 {
  margin: 20px 0 0 0;
  padding: 12px 0 6px 0;
  color: #0078a0;
  border: 2px solid #ffffff;
  border-width: 1px 0 0 0;
  font: 11pt Arial, Helvetica, sans-serif;
}

#lastest_works {
	margin-bottom: 5px;
}




/*************************************************************** Contacto ******************************************************************/


/* @group about */

#about {
  width: 900px;
  padding: 00px 0 59px;
  margin: 0 auto;
  background: url(../images/contacto/divisor.png) no-repeat center bottom;
  overflow: hidden;
}

#about h1 {
  margin-bottom: 4px;
  margin-top: 2px;
}

#about h2 {
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
  margin-bottom: 14px;
}

/* --- */

#story {
  font-size: 18px;
  line-height: 75px;
  width: 300px;
  float: left;
  padding-right: 90px;
}

#picture {
  width: 190px;
  float: left;
}

/* @group contact */

#contact {
  width: 230px;
  float: left;
  padding-right: 50px;
  padding-top: 96px;
  list-style-type: none;
  line-height: 20px;
}

#contact li {
  width: 230px;
  overflow: hidden;
  margin-bottom: 5px;
}

#contact li span {
  float: left;
  font-family:Droid Sans;
  color:#FFFFFF;
}

#contact li strong {
  float: right;
  text-align: right;
  color: #fff;
  font-weight: normal;
  font-style: normal;
}

#contact a {
	text-decoration:none;
	color:#FFFFFF;
}

#contact a:hover {
	color:#FFFFFF;
	text-decoration:line-through;
}



/* @end */



/* @end */

/* @group section */

.section {
  width: 900px;
  margin: 0 auto;
  padding: 20px 0;
  background: url(../images/contacto/divisor.png) no-repeat center bottom;
  overflow: hidden;
}


.section h1 {
	font-family: Oswald #fff;
	color:#FFFFFF;
}

.section h2 {
  width: 160px;
  padding-right: 30px;
  float: left;
  padding-top: 0;
  line-height: 22px;
}

.section h3 {
  line-height: 22px;
  margin-bottom: 24px;
  font-style: italic;
  margin-top:-8px;
  font-family:Oswald;
  color:#FFFFFF;
}

.section h4 {
  font-weight: normal;
  font-style: normal;
  margin-bottom: 20px;
  margin-top: -20px;
  font-family:Droid Sans;
  color:#FFFFFF;
}

.section .date {
  position: absolute;
  top: 6px;
  right: 0;
  font-family:Oswald;
  color:#fff;
}

.section .item {
  width: 660px;
  padding-left: 50px;
  float: right;
  padding-top: 0;
  margin-bottom: 9px;
  position: relative;
  padding-bottom: 5px;
  background: url(../images/contacto/separator.png) no-repeat 0 bottom;
}

.item a {
	text-decoration:none;
	color:#FFFFFF;
}

.item a:hover {
	color:#FFFFFF;
	text-decoration:line-through;
}

.section .description {
  width: 510px;
}



.sectionultima {
  width: 900px;
  margin: 0 auto;
  padding: 20px 0;
  
  overflow: hidden;
}
.sectionultima h1 {
	font-family: Oswald #fff;
	color:#FFFFFF;
}

.sectionultima h2 {
  width: 160px;
  padding-right: 30px;
  float: left;
  padding-top: 0;
  line-height: 22px;
}

.sectionultima h3 {
  line-height: 22px;
  margin-bottom: 24px;
  font-style: italic;
  margin-top:-8px;
  font-family:Oswald;
  color:#FFFFFF;
}

.sectionultima h4 {
  font-weight: normal;
  font-style: normal;
  margin-bottom: 20px;
  margin-top: -20px;
  font-family:Droid Sans;
  color:#FFFFFF;
}

.sectionultima .date {
  position: absolute;
  top: 6px;
  right: 0;
  font-family:Oswald;
  color:#fff;
}

.sectionultima .item {
  width: 660px;
  padding-left: 50px;
  float: right;
  padding-top: 0;
  margin-bottom: 9px;
  position: relative;
  padding-bottom: 5px;
  background: url(../images/contacto/separator.png) no-repeat 0 bottom;
}

.item a {
	text-decoration:none;
	color:#FFFFFF;
}

.item a:hover {
	color:#FFFFFF;
	text-decoration:line-through;
}

.sectionultima .description {
  width: 510px;
}