/* CSS Document */
/* 
 *	Estudio Woo | Design + Comunication + Development + Marketing Online
 *  info@estudiowoo.com | www.estudiowoo.com
 * 
*/

/* Start Settings */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin:0;
	padding:0;
	border:solid 0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
	}

ol, ul {
	list-style:none;
	}

.clear {
	clear:both;
	}
/* End of Settings */


/* Global */
body {
	background:url("../img/bg.jpg") repeat #374db3;
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	color:#fff;
	}

#boxContainer {
	margin:0 auto;
	width:770px;
	}

#boxContainer #header {
	/*width:699px;
	padding:0 0 0 71px;*/
	}

#boxContainer #main {
	/*width:669px;
	padding:0 0 0 71px;*/
	
	}
	
#boxFooter {
	width:100%;
	background:url("../img/footer/bg.png") repeat-x;
	text-align:center;
	}	
/**
 * Header
 **/
#header .menu {
	margin:0 0 0 220px;
	/*margin:0 0 0 293px;*/
	height:53px;
	}

#header .isologo {
	width:217px;
	height:155px;
	}

#header ul.menu {
    clear:both;
    float:left;
    width:100%;
    list-style:none;
    margin:0px;
    padding:0px;
}

#header ul.menu li {
    display:inline;
    float:left;
    }
    
#header ul.menu li a {
    display:block;
    text-decoration:none;
    }
   
#header ul.menu li.socialnetworks {
	margin:20px 0 0 5px;
	}
/**
 * Eof Header
 **/

/**
 * Main
 **/
/**
 * Services / Main
 **/
#main #services {
	width:649px;
	height:200px;
	margin:0 0 0 71px;
	}
		
#services ul.cols {
    clear:both;
    float:left;
    width:100%;
    list-style:none;
    margin:0px;
    padding:0px;
}

#services ul.cols li {
    display:inline;
    height:200px;
    float:left;
    }
        
#services a.softbutton {
	display:block;
	text-decoration:none;
	float:left;
	height:200px;
	background-position:0 -200px;
	text-align:center;
	}
	
#services a.softbutton-hover {
	background-position:0 0;
	text-align:center;
	}

#main #link-communication {
	background-image:url("../img/main/col_left.png");
	width:218px;
	}

#main #link-dev {
	background-image:url("../img/main/col_middle.png");
	width:214px;
	}

#main #link-social-media {
	background-image:url("../img/main/col_right.png");
	width:217px;
	}

#main #link-communication h1,
#main #link-dev h1,
#main #link-social-media h1 {
	text-align:center;
	color:#000;
	font-size:16pt;
	padding:150px 0 0 0;
	}
	
#main #link-communication img,
#main #link-dev img,
#main #link-social-media img {
	width:200px;
	height:120px;
	margin:7px;
	}

#main #textbox {
	width:666px;
	height:391px;
	background-image:url("../img/main/textbox.png");
	margin:0 0 0 71px;
	}

#main #textbox #dev,
#main #textbox #communication,
#main #textbox #social-media {
	padding:5px;
	color:#000;
	}

#main #textbox h1 {
	font-size:14pt;
	color:#0093ca;
	}

#main #textbox p {
	float:left;
	width:500px;
	margin:0 10px 5px 0;
	font-size:10pt;
	text-align:justify;
	}

#main #textbox p.communication {
	width:626px;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	font-size:10pt;
	text-align:justify;
	}
	
#main #textbox .imgService {
	float:left;
	width:136px;
	text-align:center;
	}
/**
 * Eof Services / Main
 **/

/**
 * 404 / Main
 **/
#main #error404 {
	width:550px;
	margin:20px 0 20px 100px;
	padding:5px;
	background-color:#00adee;
	}
/**
 * Eof 404 / Main
 **/

/**
 * Team / Main
 **/
#main #team {
	margin:0 0 5px 0;
	padding:0px;
	
	}

#team h1.titleTeam {
	width:337px;
	height:73px;
	margin:0 0 0 433px;
	}
	
#team h2.subTitleTeam {
	font-size:16pt;
	color:#fff;
	text-align:center;
	margin:0 0 30px 0;
	}
	
#team .firstCol {
	float:left;
	width:310px;
	margin:0 50px 0 80px;
	}

#team .secondCol {
	float:left;
	width:310px;
	}

#team .photo {
	float:left;
	width:105px;
	height:107px;
	}

#team .info {
	float:left;
	width:167px;
	padding:5px 0 0 10px;
	color:#fff;
	}

#team .info h1 {
	font-size:14pt;
	padding:4px 0 0 0;
	}

#team .info h2 {
	font-size:9pt;
	}

#team .info h3 {
	font-size:9pt;
	padding:4px 0 0 0;
	}

#team .personalContact {
	padding:4px 0 0 0;
	}
/*
#team .personalInfo {
	clear:both;
	width:226px;
	height:205px;
	margin:0;
	padding:20px;
	background:url("../img/main/team_rect.png") no-repeat;
	}
*/
#team .personalInfo p {
	color:#000;
	font-size:9pt;
	text-align:justify;
	}

#team .personalInfo {
	clear:both;
	width:209px;
	height:144px;
	margin:0 0 0 30px;
	padding:10px 15px 0 0;
	background:url("../img/main/team_rect_msg.png") no-repeat;
	font-size:10pt;
	color:#000;
	}

#team .personalInfo #twitterTM,
#team .personalInfo #twitterPM {
	margin:0;
	padding:0;
	}
	
#team #leyendWork {
	text-align:center;
	font-size:11pt;
	color:#000;
	margin:0 0 25px 0;
	}

#team #leyendWork a {
	text-decoration:none;
	color:#000;
	}
	
#team #leyendWork a:hover{
	text-decoration:none;
	background-color:#00adee;
	color:#fff;
	}
/**
 * Eof Team / Main
 **/	
/**
 * Main / Portfolio
 **/
#main #portfolio {
	width:770px;
	}
	
#portfolio .colFirst {
	float:left;
	width:245px;
	}

#portfolio .colSecond {
	float:left;
	width:245px;
	margin:0 15px;
	}
	
#portfolio .colFirst h1,
#portfolio .colSecond h1 {
	font-size:14pt;
	color:#000;
	padding:0 0 3px 0;
	}

#portfolio .colFirst h1 a,
#portfolio .colSecond h1 a {
	color:#000;
	text-decoration:none;
	}
	
#portfolio .colFirst h1 a:hover,
#portfolio .colSecond h1 a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#00adee;
	}

#portfolio .colFirst .img,
#portfolio .colSecond .img {
	background-color:#fff;
	width:235px;
	height:134px;
	padding:5px;
	}

#portfolio .colFirst .left,
#portfolio .colSecond .left {
	float:left;
	margin:5px 0 8px 0;
	width:195px;
	font-size:9pt;
	}

#portfolio .colFirst .right,
#portfolio .colSecond .right {
	float:left;
	text-align:right;
	margin:5px 0 8px 0;
	width:50px;
	font-size:9pt;
	}

#portfolio .leftColProject {
	width:530px;
	float:left;
	}

#portfolio .rightColProject {
	width:230px;
	float:left;
	margin:0 0 0 5px;
	}

#portfolio .leftColProject .img {
	width:520px;
	height:360px;
	float:left;
	background-color:#fff;
	padding:5px;
	}
	
#portfolio .rightColProject h1 {
	font-size:20pt;
	padding:0 0 15px 0;
	}

#portfolio .rightColProject p {
	color:#ccc;
	font-size:11pt;
	text-align:left;
	margin:0;
	padding:0;
	}

#portfolio .rightColProject p a {
	text-decoration:none;
	color:#ccc;
	font-weight:bold;
	}

#portfolio .rightColProject p a:hover {
	text-decoration:underline;
	color:#ccc;
	font-weight:bold;
	}

#portfolio .leftColProject .tnImg {
	float:left;
	width:150px;
	height:100px;
	background-color:#fff;
	padding:5px;
	margin: 0 15px 15px 0;
	}
	
#portfolio .leftColProject h1.screenShots,
#portfolio .rightColProject h2.projectDetails {
	color:#00adee;
	font-size:16pt;
	margin:15px 0 10px 0;
	border-bottom:1px solid #38488d;
	}

#portfolio .leftColProject p.projectsTitle,
#portfolio .rightColProject p.projectInfo {
	color:#000;
	font-size:10pt;
	text-align:left;
	}

#portfolio .rightColProject p.projectInfo a {
	color:#00adee;
	text-decoration:none;
	text-align:left;
	}
	
#portfolio .rightColProject p.projectInfo a:hover {
	color:#000;
	text-decoration:none;
	text-align:left;
	}

#portfolio .rightColProject ul {
	color:#000;
	margin:0 0 0 60px;
	list-style-type:circle;
	}

#portfolio .leftColProjectsRecomend {
	}
	
#portfolio .leftColProjectsRecomend h1.recommendProjects {
	color:#00adee;
	font-size:16pt;
	margin:15px 0 10px 0;
	border-bottom:1px solid #38488d;
	}

#portfolio .leftColProjectsRecomend {
	}
	
#portfolio .leftColProjectsRecomend h1.lastProjects {
	color:#fff;
	font-size:24pt;
	margin:20px 0 30px 0;
	}
/**
 * Eof Main / Portfolio
 **/ 
 
 /**
 * Main / nav_pag
 **/
#nav_pag{
	/*background-image:url(../img/main/portfolio/navegador.png);
	background-repeat:repeat-x;
	height:20px;
	**/
	background-position:top center;
	padding:15px 0;
	}
	
#nav_pag p{
	text-align:center;
	font-size:20pt;
	}
	
#nav_pag p a{
	text-decoration:none;
	color: #FFF;
	}
	
#nav_pag p span{
	font-weight:bold;
	text-decoration:none;
	color: #000;
	}
/**
 * Eof Main / nav_pag
 **/ 

/**
 * Main / Contact
 **/ 
#main #contact {
	width:770px;
	}

#contact #leftColumn {
	float:left;
	width:450px;
	margin:0 0 100px 50px;
	}

#contact h1 {
	font-size:32pt;
	color:#fff;
	margin:0 0 10px 0;
	}

#contact #rightColumn h2,
#contact #leftColumn h2 {
	font-size:16pt;
	color:#fff;
	margin:0 0 10px 0;
	}
	
#contact #leftColumn p {
	color:#fff;
	font-size:10pt;
	margin:0 0 10px 0;
	width:350px;
	}
	
#contact #leftColumn form .field {
	clear:both;
	margin:0 0 5px 0;
	}
	
#contact #leftColumn form .field label {
	float:left;
	width:80px;
	font-size:11pt;
	}
	
#contact #leftColumn form .field input.input {
	background:url("../img/main/contact_input.png") no-repeat;
	width:248px;
	height:21px;
	border:0;
	font-size:10pt;
	}
	
#contact #leftColumn form .field textarea {
	background:url("../img/main/contact_textarea.png") no-repeat;
	width:247px;
	height:123px;
	border:0;
	font-size:10pt;
	}

#contact #leftColumn form .submitField {
	margin:10px 0 0 80px;
	}
	
#contact #leftColumn form .submit {
	background:url("../img/main/contact_submit.png") no-repeat;
	width:95px;
	height:21px;
	border:0;
	}

#contact #rightColumn {
	float:left;
	width:270px;
	}
	
#contact #rightColumn .otherContacts {
	float:left;
	width:250px;
	background-color:#00adee;
	}
	
#contact #rightColumn .otherContacts ul {
	list-style-type:square;
	padding:10px 0 10px 30px;
	}
/**
 * Eof Main / Contact
 **/ 
/**
 * Eof Main
 **/

/**
 * Footer
 **/
#boxFooter #boxFooterContent {
	width:770px;
	margin:0 auto;
	text-align:left;
	}
	
#boxFooterContent .titleQuickContactes {
	float:left;
	background:url("../img/footer/quick_answer_es.png") no-repeat scroll left bottom transparent;
	width:232px;
	height:112px;	
	}

#boxFooterContent .titleQuickContacten {
	float:left;
	background:url("../img/footer/quick_answer_en.png") no-repeat scroll left bottom transparent;
	width:232px;
	height:112px;	
	}
	
#boxFooterContent .footerMenu {
	float:left;
	width:468px;
	text-align:right;
	padding:14px 0 0 70px;
	}

.footerMenu ul.menu {
    clear:both;
    float:left;
    width:100%;
    list-style:none;
    margin:0px;
    padding:0px;
}

.footerMenu ul.menu li {
    display:inline;
    float:left;
    }
    
.footerMenu ul.menu li a {
	text-align:left;
    display:block;
    text-decoration:none;
    }

.footerMenu .sub_menu {
	text-align:left;
	margin-left:7px;
    }
.footerMenu .sub_menu a{
	margin-bottom:8px;
    }
	
#boxFooterContent #quickContact {
	float:left;
	background:url("../img/footer/ballon_quick_answer.png") no-repeat;
	width:267px;
	height:210px;
	}

#boxFooterContent #quickContact form {
	margin:20px 20px 0 40px;
	}

#boxFooterContent #quickContactSend {
	float:left;
	background:url("../img/footer/ballon_quick_answer_send.png") no-repeat;
	width:203px;
	height:170px;
	padding:60px 20px 0 40px;
	color:#fff;
	text-align:center;
	}
	
#quickContact .field {
	margin:0 0 0 0;
	height: 20px;
	}

#quickContact label {
	float:left;
	margin:0 4px 0 0;
	}

#quickContact input.name {
	background:transparent;
	border:0 solid;
	border-bottom:1px solid #00adee;
	width:110px;
	color:#fff;
	}

#quickContact input.email {
	background:transparent;
	border:0 solid;
	border-bottom:1px solid #00adee;
	width:130px;
	color:#fff;
	}

#quickContact textarea {
	background:transparent;
	width:180px;
	height:90px;
	line-height:18px;
	margin:8px 0 0 10px;
	color:#fff;
	border:0 solid;
	overflow:hidden;
	}

#quickContact .submit {
	margin:4px 0 0 100px;
	}

.messageSent {
	color:#fff;
	font-size:12pt;
	}
	
#boxFooterContent .woo {
	float:left;
	background-color:#0f0f0f;
	margin:131px 0 0 250px;
	}
/**
 * Eof Footer
 **/