@charset "utf-8";
/* CSS Document */
/* ================= Reset ========================*/
*{
	margin:0px;
	padding:0px;
	}
*:focus{
		outline:0px;
}
/* ================= Body ========================*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	background-color:#333;
	background-image: url(../img/fnd.gif);
	background-position:center center;
	width:100%;
	}
/* ================= Slider Sitio========================*/
#slider {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 500px;
  width:1200px;
  margin-left:40px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left; 
}

.scroll .scrollContainer div.panel {
  padding: 80px 0px;  
  width: 1200px;
  height: 320px;
  float: left;
  overflow: hidden;
  /* change to 560px if not using JS to remove rh.scroll */
}
/* ================= Header ========================*/
#menu{
	width:100%;
	height: 50px;
	background-color:#ff326f;
	background-image: url(../img/soledad_moris_title.gif);
	background-repeat: no-repeat;
	background-position: 40px center;
	float:left;
	}
#menu li a{
	list-style:none;
	float:right;
	margin: 15px 10px;	
	padding:5px;
	display:block;
	}
#menu li a:link, #menu li a:visited{
	color:#FFF;
	text-decoration:none;
	padding:5px;
	margin: 15px 10px;
	display:block;
	}
#menu li a:hover, #menu li a:active{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#FFF;
	color:#ff326f;
	padding:5px;	
	}
#menu li a:focus{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#ff326f;
	padding:5px;
	background-color:#010101;
	}
#liContacto{
	margin-right: 40px;
	}
#liInicio, #liInicio:link,#liInicio:hover, #liInicio:visited, #liInicio:active, #liInicio:focus {
	border: none;
	margin: 10px 0px 0px 40px;
	padding:0px;
	float:left;
	outline:0px;
	list-style:none;
}
li {
	list-style-type:none;}
#footer {
	height: 40px;
	width: 100%;
	position:fixed;
	bottom:0;
	left:0;
}
#footer span{
	padding-left:40px;
	float:left;
	display:block;
	}
.pRight{
	float:right;
	display:block;
	/*margin-right:40px;*/
	text-align:right;
	margin-bottom:10px;
	}
.imgRight{
	float:right;
	padding-top:5px;
	margin-left:5px
	}
.p40px{
	margin-right:60px;
	}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus {
	padding: 0px;
	margin:0px;
}
.footerLine {
	width:100%;
	height:10px;
	background-color:#ff326f;
	position:fixed;
	bottom:0;
	left:0;
	}
#formContacto input {
	height:18px;
	width:290px;
	padding:5px;
	}
#formContacto textarea{
	height:82px;
	overflow:hidden;
	padding:5px;
	width:290px;
	}
#formContacto input, #formContacto textarea {
	color:#FF326F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:5px 0px;
	}

#formContacto button{
	border: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#ff326f;
	color:#FFF;
	padding:5px;
	font-size:11px;
	}
#formContacto button:hover,#formContacto button:active, #formContacto button:focus {
	border: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#FFF;
	color:#FF326f;
	padding:5px;
	font-size:11px;
	cursor:pointer;
	outline:0px;
	}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF326F;
	margin-bottom:5px;
	}
h4{
	color: #FF326F;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#ff326f;
	color:#FFF;
	padding:3px 5px;
	font-size:11px;
	display:block;
	margin:5px 0px;
	}
.small{
	width: 30px;
	display:block;
	}
.large{
	width: 62px;
	display:block;
	}
.extraLarge{
	width: 95px;
	display:block;
	}
.large-en{
	width: 70px;
	display:block;
	}
.extraLarge-en{
	width: 85px;
	display:block;
	}

#creditos {
	padding-top: 200px;
	height: 120px;
	overflow: hidden;
	}
#contacto {
	padding-top: 120px;
	height: 210px;
	overflow: hidden;
	}
.panel a:link, .panel a:visited, .panel a:focus{
	padding: 0px;
	margin:0px;
	color: #FF326F;
	text-decoration:none;
	background:none;
	}
.panel a:hover, .panel a:active{
	padding: 0px;
	margin:0px;
	color: #FF326F;
	text-decoration:underline;
	outline:0px;
	}
#creditos p{
	padding:5px;
	}
#curriculum{
	padding-top:30px;
	overflow: hidden;
	}
#curriculum .columnLeft, #curriculum .columnRight {
	float:left;
	width: 460px;
	overflow: hidden;
	/*border:dashed 1px #3CC;*/
	}
#curriculum .columnLeft{
	height: 450px;
	width: 500px;
	}
#curriculum .columnRight{
	margin-left: 20px;
	margin-top: 25px;
	height: 350px;
	}
.columnRight p{
	display:block;
	margin-top:10px;
	}
.columnRight p span{
	display:block;
	padding-top:5px;	
	width:72px;
	float:left;
	color:#FF326F;
/*	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#FF326F;*/
	}
.columnRight img{
	margin-left: 5px;
	margin-top: 3px;
	float:left;
	}
#inicio, #enviado{
	padding: 200px 0px 0px 0px;  
 	width: 1200px;
	height: 200px;
	overflow: hidden;
	}
	
	
	 /* image replacement */
	img{border:none;}
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // EASY SLIDER */
			

	#containerPortolio{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:700px;		
		margin-bottom:2em;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

#contentItem{}	
#contentItem ul, #contentItem li{
		margin:0;
		padding:0;
		list-style:none;
		}
#contentItem li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:700px;
		height:245px;
		overflow:hidden; 
		}	
#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-60px;
		top:100px;
		}	
#nextBtn{ 
		left:730px;
		}														
#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../img/btn_prev.png) no-repeat 0 0;
		
		}	
#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../img/btn_prev.png) no-repeat 0 0;
		
		}	
#nextBtn a{ 
		background:url(../img/btn_next.png) no-repeat 0 0;	
		}	
.textRightPortfolio{
	display: block;
	height:205px;
	width: 415px;
	margin: 20px;
	float:left;	
	}
#contentItem ul li img{	
	float:left;
	}

.paddingLeft{
	padding-left:5px;
	}
.clear{
	clear:both;}