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

body#mi_home {
margin: 0 auto;
background:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
background-image:url(../images/fnd_2a.jpg);
background-repeat:repeat-x;
background-repeat:no-repeat;
background-position:center top;
border-top:#d6df22 3px solid;
border-collapse:collapse;


} 

body#mi_perfil {
margin: 0 auto;
background:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
background-image:url(../images/fnd_perfil_a.jpg) !important;
background-repeat:repeat-x;
background-repeat:no-repeat;
background-position:left top;
border-top:#f8c324 3px solid;
border-collapse:collapse;



} 

body#mi_portfolio {
margin: 0 auto;
background:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
background-image:url(../images/fnd_portfolio_a.jpg);
background-repeat:repeat-x;
background-repeat:no-repeat;
background-position:left top;
border-top:#d8d225 3px solid;
border-collapse:collapse;



}   

body#contactame {
margin: 0 auto;
background:#fff;
font-family: Arial, Helvetica, sans-serif;
background-image:url(../images/fnd_2a.jpg);
background-repeat:repeat-x;
background-repeat:no-repeat;
background-position:center top;
border-top:#9d102d 3px solid;




}                                      
                                   

#wrap {
 	position:relative;
	margin: 0 auto;
	width:960px;
	
}

#menu {
	margin: 0 auto;
	width:930px;
	height:65px;
	padding-right:30px;
	
}
/****botonera******/

ul#nav {
list-style: none;
margin:0;
padding:0px 0px 0px 0px;
width:463px;
height:65px;
float:right;


}

ul#nav li {
margin:0;
padding:0;
float: left;


}
		
		
ul#nav li a {
display: block;
background-image:url(../images/menu.jpg);
height:65px;



			
}	

ul#nav li a span{
	display: none;
}
#home a{
width:105px;
background-position: 0px 0px;
}

#perfil a{
width:105px;
background-position: -105px 0px;
}

#porfolio a{
width:121px;
background-position: -210px 0px;
}

#contacto a{
	width:132px;
	background-position: -331px 0px;
}


#home a:hover{
width:105px;
background-position: 0px -65px;
}

#perfil a:hover{
width:105px;
background-position: -105px -65px;
}

#porfolio a:hover{
width:121px;
background-position: -210px -65px;
}
#contacto a:hover{
	width:132px;
	background-position: -331px -65px;
}

/*************fin botonera*****************************/

/*****home*******/

#viviana_garbarino {
	margin-top:120px;
	width:533px;
	height:204px;
	float:right;
	display:block;
	
	
}

#disenadora_multimedia a{
	margin-top:220px;
	margin-left:10px;
	width:638px;
	height:290px;
	float:left;
	position:absolute;
	background-image:url(../images/globo_fnd.png);
	text-decoration:none;
	/*text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#271d1d;
	padding:80px 30px 40px 30px;
	text-decoration:none;*/
	overflow:hidden;

	
	 
	
	
}


#disenadora_multimedia p{

	width:570px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#777;
	padding:60px 30px 40px 30px;
	text-decoration:none;
	
	 
	
	
}

.naranja {
color:#ffa536;

}

.verde {
color:#d7df23;

}


.negro {
color:#271d1d;

}

/********************perfil***************/

#logotipos {
width:320px;
height:195px;
margin-left: 30px;
border-bottom:#999 1px dashed;
border-right:#999 1px dashed;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:justify;
color:#666666;
background:url(../images/fnd_logotipos.png) left top no-repeat;
padding: 10px 50px 20px 30px;
margin-top:30px;
/*clear: both;*/




}

#multimedia {
width:310px;
height:175px;
margin-right: 30px;
border-bottom:#999999 1px dashed;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:justify;
color:#666666;
background-image:url(../images/fnd_multimedia.png);
background-position:right top;
background-repeat:no-repeat;
padding: 30px 30px 20px 80px;
margin-top:30px;
}


#web {
width:320px;
height:175px;
margin-left: 30px;
border-bottom:#999999 1px dashed;
border-right:#999999 1px dashed;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:justify;
color:#666666;
background:url(../images/fnd_web.png) no-repeat left top;
padding: 20px 50px 20px 30px;


}

#flash {
width:340px;
height:185px;
margin-right: 30px;
border-bottom:#999999 1px dashed;

float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:justify;
color:#666666;
background:url(../images/fnd_flash.png) right top no-repeat;
padding: 10px 30px 20px 40px;


}

#desarrollos {
width:310px;
height:130px;
margin-left: 30px;
border-bottom:#999999 1px dashed;
border-right:#999999 1px dashed;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:justify;
color:#666666;
background:url(../images/fnd_desarrollos.png) no-repeat left top;

padding: 10px 50px 20px 40px;

}

#publicidad_online {
width:340px;
height:130px;
margin-right: 30px;
border-bottom:#999999 1px dashed;
padding: 10px 20px 20px 40px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:justify;
color:#666666;
background:url(../images/fnd_publicidad.png) right top no-repeat;



}

.titulo {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:700;

}
.naranja {

color:#ffa616;


}

.marron {

color:#9b3b22;


}



.rosa {

color:#fe89c0;


}

.celeste {

color:#007fff;


}

.turquesa{

color:#00a6a0; 


}

.verde{

color:#89c749;


}
.rojo{

color: #ac0000;
}
.cv {
float:right;
padding:30px 100px 0 0;


}

.social_icon {
float:right;
padding:10px 140px 0 0;


}

.padding_20 {
padding:20px;


}



#slider							{ height: 430px; overflow: hidden; position: relative; margin: 50px 0; background: transparent;}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; background:transparent; }

.slide							{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;}
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; text-align:justify; }
.slide img						{ position: absolute; top: 20px; left: 400px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }


/**********************contacto****************************/

#section {

	width:363px;
	height:493px;
	background:url(../images/fnd_contacto1.gif) center top no-repeat;
	position:relative;
	top:0px;
	left:0px;
	display:none;
	margin:0 auto;
	padding-top:5px;
	z-index:1200;
}

label,.poruci-submit {
	font: .9em/1em Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
input{ height:27px;}
input{
	background:transparent;
	border:none;
	width:230px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	
}

textarea {
	background:transparent;
	border:none;
	width:350px;
	height:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:32px;
	margin-top:0px;
	padding-top:0px;
	text-indent:110px;
	overflow:hidden;
	position:absolute;
	top:100px;
	left:0px;

	
	
	
}

#section p,.section h3 {
	font: 0.8em Arial, Helvetica, sans-serif;
	margin-bottom:12px;
	color:#FFe400;
	text-align:center;
	
	
}

#section form{
position:absolute;
top:125px;
left:10px;


}

.mensajeposition{
position:absolute;
top:105px;

}

.btn_enviar{

cursor:pointer;
position:absolute;
top:290px;
left:80px;
width:80px;
height:25px;
background:#000;
color:#ffe400;

}

.btn_limpiar{
float:left;
cursor:pointer;
position:absolute;
top:290px;
left:190px;
width:80px;
height:25px;
background:#000;
color:#ffe400;

}

#section a{
	text-decoration:underline;
	color:#000;

}
#section a:hover{
	text-decoration:none;
}
#section h3 {
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	
}

/*************modal window******************/


        /* Style for overlay and box */
        .overlay{
            background:transparent url(../images/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box{
            position:absolute;
            top:-600px;
            left:30%;
            right:30%;
            background-color:#000;
            color:#000;
            padding:20px;
            border:2px solid #ffe400;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
			width:360px;
        }
        
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(../images/cancel.png) repeat top left;
            margin-top:-30px;
            margin-right:-30px;
            cursor:pointer;
        }