/* CSS Document */



body{

background-color:#321B01;

font-family:"trebuchet ms";

font-size:.9em;

color:#FFFFFF;

}

h1{

	font-size:1.4em;

	margin: 0;

	background: #512d03;

	padding: 0.3em 0.3em;

	color: #FFA500;

	border-bottom: solid 1px #FFA500;

}

h2{

 font-size:1em;

	margin: 0;

	background: #512d03;

	padding: 0.3em 0.3em;

	color: #FFA500;

	border-bottom: solid 1px #FFA500;

   }

li{

list-style:none;

}

.selected{

color: white;

}

.selected a{

background:#734004;

width:152px;
w\idth:144px;
display:block;

}

li.selected2{

background-color:#CC6600;

display:block;

line-height:.2em;

width:9em;

}

.main{

width:50em;

}

div.content{

margin: 1.3em 2em 2em 1em;

width:40em;

background-color:#402301;

border:1px solid #F1770A;

position: relative;

float:left;

padding: 5px;

}

div.maintext{

margin: 0em 0em 0em 0em;

text-align: justify;

padding-left:10px;

padding-right: 10px;

width:27em;

border:1px solid #F1770A;

float:left;

padding-top: 5px;

}

div.portafolio{

margin: 0em 0em 0em 0em;

text-align: justify;

padding-left:10px;

padding-right: 10px;

width:38em;

border:1px solid #F1770A;

float:left;

padding-top: 5px;

}

.righttext{

margin: 0em 0em 0em 0em;

width:10em;

border:1px solid #F1770A;

float:right;

padding: 5px;

}

.bottomtext{

margin: .5em 0em 0em 0em;

position: relative;

float: left;

width:39em;

border:1px solid #F1770A;

padding: 5px;

}

.menu{

width:10em;

float:left;

line-height:1em;

padding-top:20px;

}

.menu a{

	color:white;

	font-size:.8em;

	line-height:2em;

	text-decoration:none;

	text-align:right;

	display:block;

	width:10em;

	padding-right:16px;



}

.website{

	width:140px;

	float:left;

}



#websites{

	margin-left:0px;

	margin-top:0px;

	margin-right:0px;

	margin-bottom:4px;

	font-size:1em;

	padding:0px;

	}

#websites li{

	width:140px;

	padding:5px;

	list-style:none;

	background-color: #512d03;

	

	border-bottom: solid 1px #FFA500;

}

#websites a{

color: #FFA500;

   text-decoration:none;

   padding:3px;

   display:block

   }

 #websites a:hover{

	background:#734004;

 	width:152px;
	w\idth:144px;
	display:block;

}

.contentstyle{ /*style of tab content oontainer*/

float:left;

width: 26em;



}

.menu a:hover{

background-color: #FFA500;



}

.description{

	border-left:1px dashed white;

	border-top:1px dashed white;

	border-right:1px dashed white;

	padding:10px;

	display:block;

	margin:0px;

	font-size:.8em;

	text-align:left;

	height:19em;

}

.description img{

	border:1px solid #FFA500;

	float:right;

	margin-left:36px;

	margin-right:5px;

	margin-top:5px;

}

.title{

	color:white;

	font-size:1.6em;

	font-weight:bold;

}

.sections{

	background-color:#734004;

	padding-top:15px;

	padding-left:15px;

	padding-bottom:8px;

	float:right;

	width: 25em;

	

}

.sections a{

	color:white;

	float:left;

	font-size:.8em;

	text-decoration:none;

	width:9em;

	display: block;

	border:1px solid #FFA500;

	height: 20px;

	text-align: center;

	padding-top:5px;

	margin-right:5px; 

	}

.tabcontent{

float:left;

margin-left:1.5em;

width:26em;

display:none;

}



@media print {

.tabcontent {

display:block!important;

}

}