/*RESET CSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,object {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul,dl{list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img{border:0; outline:none;}
a{outline:none;}

/*ESTILOS GENERALES*/
html,body{height:100%;}
body {font:normal 12px Arial, Helvetica, sans-serif; color:#666; text-align:left; background: #f15c7f;}
h1,h2,h3,h4,h5,h6{color:#35451f; font-weight:bold;}
a:link, a:visited, a:hover{color:#cf9ea9;}
a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{color:#666666; clear:both;}
h1{font-size:16px; margin-bottom:5px;}
h2{font-size:14px; margin-top:5px;}
h3{font-size:12px; margin:10px 0 10px 0; background: url(../images/bullet.gif) no-repeat 0 5px;padding-left:10px;}
.home h3{background:none;}
hr{height:1px; color:#eee; background:#eee;}
.floatleft{float:left; text-align:left;}
.floatright{float:right; text-align:right;}
.clearer{clear:both;}

/*LAYOUT*/
.wrapper{
	min-height:60%; 
	background: #FFF url(../images/bg/bg-top.gif) repeat-x 0 0; 
}

.main_container{
	width:780px; 
	margin:0 auto;
	text-align:center; 
	padding:0 10px; 
	background: transparent url(../images/bg/opacity.png) repeat; 
}

.header{
	padding:10px 0px 0px; 
	min-height:120px; 
	position:relative;
}

.content{
	text-align:left;
	padding:20px 0 0; 
	min-height:106px;
	
}

.content_first_foot{
	padding-bottom:20px;
	background: url(../images/bg/bg-dashed.gif) repeat-x 0 bottom;
}

.footer{
	background:#f15c7f url(../images/bg/bg-bottom.gif) repeat-x 0 0; 
}

.footer .main_container{
	padding-top:15px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from ie-mac */



/*HEADER*/
.logo{
	display:block; 
	line-height:150px; 
	vertical-align:top; 
	margin-top:25px;
	width:342px; 
	height:56px; 
	overflow:hidden; 
	float:left;
	background: url(../images/logo.gif) no-repeat 0 0;
}
.language li{display:inline;}
.language li{font-size:10px;}

/*MAIN MENU*/
.main_menu{float:right; margin:63px 0 0; }
.main_menu li {display:inline; margin-right:5px;}
.main_menu, .main_menu li a:link, .main_menu li a:visited, .main_menu li a:hover{color:#FFF;}
.main_menu li a:hover,.footer a:hover{color:#FFF;text-shadow: #fff 0 0 2px;}

/*CONTENT STYLES*/
.content p{margin:10px 0 0;}
.content h2{display:block; line-height:70px; vertical-align:top; height:21px; overflow:hidden; margin-bottom:10px;}
h2.portfolio{background: url(../images/titles/portfolio.gif) no-repeat 0 0;}
h2.sobre_mi{background: url(../images/titles/sobre-mi.gif) no-repeat 0 0;}
h2.contacto{background: url(../images/titles/contacto.gif) no-repeat 0 0;}
.main_box{ text-align: center; margin-top:100px; font-family: Georgia, Arial, Helvetica, sans-serif}
.main_box, .main_box h1, .main_box h3, .main_box h4{color:#FFF;}
.portfolio_box{
	width:100%;
	height:421px;
	padding-top:40px;
	background: url(../images/bg/portfolio-box.gif) no-repeat 93px 0;
	position:relative;
	overflow:hidden;
}
	.portfolio_works{
		width:780px;
		height:375px;
		margin: 0px auto;
		overflow:hidden;
		position:relative;
	}
		.portfolio_works ul.portfolio_list li{
			display:block;
			width:500px;
			height:375px;
			margin: 0px auto; 
			text-align:center;
			overflow:hidden; 
		}
		.portfolio_works ul.portfolio_list li img{margin:0 auto;}
		 #prevBtn, #nextBtn{
			position:absolute; 
			z-index:2;
			width:100%;
			height:50px;
		}
			 #prevBtn a, #nextBtn a{
				position:absolute; 
				z-index:3;
				display:block;
				width:91px;
				background-repeat:no-repeat;
				background-position:0 0;
				line-height:200px;
				height:47px;
				vertical-align:top; 
				overflow:hidden;
				cursor:pointer;
				bottom:210px;
			}
			#prevBtn a{
				left:0;
				background-image: url(../images/btn/btn-back.gif);
			}			
			#nextBtn a{
				right:0;
				background-image: url(../images/btn/btn-next.gif);
			}
			.portfolio_title{
				background: #F15C7F;
				bottom: 10px;
				color: #FFF;
				padding: 10px;
				position: absolute;
				z-index: 99;
			}
.tools{margin:1% 0;}
.tools li{padding-left:10px; background: url(../images/bullet.gif) no-repeat 0 4px;}
.contact_form{margin:10px 0 0;}
.contact_form .form_row{margin:0px; clear:both; display:block;}
.contact_form  label{display:block; margin:10px 0 0 0; font-weight:bold;}
.contact_form .input_text, 
.contact_form .textarea,
.contact_form .focus{border:1px solid #e5e5e5; background:#FFF; width:240px; line-height:17px; font:12px Arial, Helvetica, sans-serif; color:#666666}
.contact_form .focus{border:1px solid #f3456e; background:#ffffe7;}
.contact_form .input_text, .contact_form input.focus{height:17px; padding-top:3px;}
.contact_form .textarea, .contact_form textarea.focus{height:100px;}
.contact_form .button,
.contact_form .button_disabled{
	cursor:pointer; 
	border:none;  
	margin:10px 10px 5px 0; 
	background: #f8f8f8; 
	border:1px solid #f63361;
	clear:both; 
	text-transform:none;
	font-weight:bold;
	color:#f63361; 
	width:70px; 
	height:24px; 
	font-size:11px;
}
.contact_form .button_disabled{color:#CCC;}
.contact_form .warning{color:#fdf0f0; display:none;}
/*FOOTER*/
.footer{padding-bottom:5px;}
.footer, .footer h4{color:#FDFDFD;}
.footer p{padding:0.1% 0px 0;}
.footer a{padding:0; margin-right:5px; color:#FFFFFF; font-size:10px}
.footer .info p{text-align:left}
.linkToTop{text-align:right; float:right;clear:both; color:#FFF; font-size:11px;}

/*INFO BUBBLE*/
.help_bubble{
	width:120px;
	height:80px;
	overflow:hidden;
	top:100px;
	right:0;
	position:absolute;
	z-index:1;
	color:#333;
	padding:45px 25px 0 27px;
	background: url(../images/bg/help-bubble.gif) no-repeat 0 0;
}
.nobordernobg {border:0; background:none;}