@charset "UTF-8";
/* CSS Document Typologia 2011 - Portafolio Juan Sebastian Cortes */
body{
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:100%;
}


/*iframes*/
#frames_portafolio {
	height: 909px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
/*fin iframes*/

/*menu desplegable*/
#menu, #menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu li {
	cursor: pointer;
	padding:10px 0px;
	border-bottom: 1px solid #00A4BB;
}
#menu li a {
	text-decoration: none;
}
#menu> li> a {
	padding: 2px 10px;
	font-weight: bold;
	color:#008698;
	font-size:20px;
}
#menu li li {
	cursor: auto;
	border: 0;
	padding: 5px 14px;
	background-color: #fff;
}

/*fin menu desplegable*/

/*scroll*/
#topcontrol{
	height:100%;
	width:auto;
	vertical-align:central;
 	position: fixed;
 	bottom: 5px;
	right: 5px;
	top:50%;
 	opacity: 0;
 	cursor: pointer;
	z-index:1100;
}
element.style {
    cursor: pointer;
    opacity: 0;
}
/*fin scroll*/

/*Header / Menu Principal*/
.fondo_menu{
	width:auto;
	height:140px;
	background-color:#00A4BC;
	background-image:url(../imagenes/pattern_menu_superior.html);
}
.sombra_central{
	height:140px;
	position:absolute;
	top:106px;
	z-index:15;
}
.contenedor_logo_menu{
	width:960px;
	height:140px;
}
.logo_typo{
	width:960px;
	height:250px;
	position:absolute !important;
	z-index:10;
	vertical-align:bottom;
}
.menu_principal{
	position:absolute;
	width:960px;
	height:140px;
	z-index:12;
}
/*Fin Header / Menu Principal*/

/*Banner Principal*/
.separador_oscuro{
	height:1px;
	background-color:#007384;
}
.separador_claro{
	height:1px;
	background-color:#00C3E0;
}
.fondo_banner{
	height:458px;
	background-color:#0093A9;
	background-image:url(../imagenes/pattern_banner.html);
}
.brillo_banner{
	height:458px;
	background-image:url(../imagenes/brillo_banner.html);
	background-position:top center;
	background-repeat:no-repeat;
}
#contenedor_banner_principal{
	width:960px;
	height:478px;
	position:absolute;
	z-index:8;
	bottom:20px;
}
/*Fin Banner Principal*/

/*Portafolio*/

.titular_portafolio_fondo{
	height:250px;
	background-image:url(nubes_titulo_portafolio.png);
	background-position:bottom center;
	background-color:#f2f2f2;
	padding-top:4px;
}
.nube1{
	width:auto;
	height:250px;
	background-image:url(nubes1.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
	position:relative;
}
.nube2{
	width:auto;
	height:250px;
	background-image:url(nubes2.png);
	background-position:center;
	background-repeat:repeat-x;
	position:relative;
}
.nube3{
	width:auto;
	height:250px;
	background-image:url(nubes3.png);
	background-position:center;
	background-repeat:repeat-x;
	position:relative;
}
.titulo_portafolio_titulin{
	height:250px;
	width:960px;
	text-align:left;
	z-index:9;
}
.titulo_portafolio{
	font-family:Tahoma, Geneva, sans-serif;
	padding-top:162px;
	font-size:80px;
	color:#00A4BB;
}
.contenido_principal_portafolio{
	height:auto;
	padding-bottom:220px;
	background-image:url(fondo_portafolio_caja.html);
	background-position:bottom center;
	background-repeat:no-repeat;
}
.caja_menu_contenido{
	width:960px;
	height:950px;
}
#container{
	float:left;
	width:238px;
	height:860px;	
	}
#items_portafolio{
	float:right;
	width:698px;
	height:600px;
	margin-top:17px;	
	}
.separador_menu_porta{
	width:238px;
	height:19px;
	background-image:url(separador_menu.png);
	background-repeat:repeat-x;
	background-position:center;
}
.contenedor_porta1{
	height:449px;
	width:698px;
}
#slider_portafolio{
	width:698px;
	height:449px;
}
.corte_separador{
	height:11px;
	width:698px;
}
li{
	font: italic  200px/200px Georgia,serif;
	font-size:18px;
	color:#00A4BB;
	line-height:20px;
	text-align:right;
	font-weight:lighter;
	list-style-type:none;
}
li a{
	text-decoration:none;
	color:#00A4BB;
}
li a:hover{
	text-decoration:none;
	color:#333;
	list-style-type:decimal;
}
ul{
	padding:0px;
	font-weight:lighter;
}
	
/*Fin Portafolio*/

/*Acerca de*/
#titulo_acerca_de{
	height:222px;
	background-image:url(../imagenes/titulo_acerca_de.html);
	background-color:#AB8C51;
	background-position:center;
	display:block;
}
.modulo_uno{
	height:232px;
	background-image:url(../imagenes/acerca_modulo2.html);
	background-color:#AB8C51;
	background-position:center;
	display:block;
}
.modulo_dos{
	height:268px;
	background-image:url(../imagenes/acerca_modulo3.html);
	background-color:#AB8C51;
	background-position:center;
	display:block;
}
.modulo_tres{
	height:260px;
	background-image:url(../imagenes/acerca_modulo4.html);
	background-color:#AB8C51;
	background-position:center;
	display:block;
}
.descarga_curriculum{
	width:960px;
	height:232px;
	vertical-align:bottom;
	padding-top:120px;
}

/*Fin Acerca de*/

/*Contactos*/
.fondo_formulario{
	height:457px;
	background-image:url(../imagenes/fondo_formulario.html);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#51210E;
}
.contacto_general{
	width:960px;
	padding-top:31px;
}
.contenedor_data_contact{
	width:904px;
	height:254px;
	vertical-align:middle;
}
.data_nombres{
	width:256px;
	height:254px;
	float:left;
	color:#A37E58;
	text-shadow: #000 4px 3px 1px;
}
.separador_data{
	width:8px;
	height:394px;
	float:left;
	background-image:url(../imagenes/separador_data.html);
	background-repeat:repeat-y;
}
.formulario_contacto{
	width:539px;
	height:254px;
	float:left;
}
.separador_form{
	width:8px;
	height:394px;
	float:left;
	background-image:url(../imagenes/separador_form.html);
	background-repeat:repeat-y;
}
.accesos_socials{
	width:93px;
	height:254px;
	float:left;
}
.iconos_socials{
	width:93px;
	height:58px;
}
.contenedor_campos{
	width:390px;
	margin-left:30px;
}
.campo_nombre{
	font-family:Arial, Helvetica, sans-serif;
	width:314px;
	height:26px;
	background-image:url(../imagenes/campo_form1.html);
	background-repeat:no-repeat;
	border:none;
	color:#A37E58;
	font-size:14px;
	text-indent:5px;
}
.campo_mensaje{
	font-family:Arial, Helvetica, sans-serif;
	width:314px;
	height:123px;
	background-color:#823717;
	background-image:url(../imagenes/campo_form4.html);
	background-repeat:no-repeat;
	border:none;
	color:#A37E58;
	font-size:14px;
	overflow:auto;
	resize: none;
	text-indent:5px;
}
.separador_campos_field{
	height:34px;
	width:379px;
}
.paso_formulario{
	color:#A37E58;
	text-transform:uppercase;
	font-size:12px;
	padding-right:11px;
}
.form_lado_info{
	font: italic 30px/30px Georgia,serif;
	font-size:10px;
	text-shadow: #000 4px 3px 1px;
	width:72px;
	height:26px;
	float:left;
	text-align:right;
}
.form_lado_campo{
	width:314px;
	height:26px;
	float:right;
	right:40px;
}
.campo_boton_envio{
	width:379px;
	height:22px;
	padding-top:96px;
	float:right;
	font: italic 72px/72px Georgia,serif;
	font-size:20px;
	color:#A37E58;
	line-height:24px;
	text-shadow: #000 2px 2px 1px;
}
.campo_boton_envio a{
	color:#A37E58;
	text-decoration:none;
}
.campo_boton_envio a:hover{
	color:#A37E58;
	text-decoration:none;
}
/*Fin Contactos/

/*Legal*/
.fondo_legal{
	height:63px;
	background-image:url(../imagenes/creditos_legales.html);
	background-position:center;
	background-color:#51210E;
}
.legal_copy{
	font: italic 12px/12px Georgia,serif;
	font-size:10px;
	padding-top:28px;
}
/*Fin Legal*/