/*******************************************************
TITLE: 
DATE: 
AUTHOR: 
*******************************************************/

/* Reset everything */

body,div,ul,ol,li,h1,h2,h3,h4,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}
fieldset,img { 
	border:0;
}

hr { 
border: 1px dotted #333;
}

ol,ul {
	/*list-style:none;*/
}
h1,h2,h3,h4 {
    font-family: "Trebuchet MS", "Georgia", Verdana, sans-serif;
    color: #fff; /*#1884FF*/
	padding-bottom: 0.3em;
}
h2 {margin-bottom: 10px; color:#EAE1C9;line-height: 1.1em;}
q:before,q:after {content:'';}


/* Main */

body {
height:100%;
 background: #191919 url(img/bg_c.png) top left repeat-x;
color:#A59A7A;  
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height: 1.2em;
}

a {
color:#00A4E8;
text-decoration: none;
}

a:hover, a:active {
color:#47C5F9;
text-decoration:underline;
}

a.external {
background: transparent url(img/external.png) no-repeat scroll right center;
padding-right: 13px;
}

p {
line-height: 1.4em;
margin-bottom: 1em;
}

strong { color: #E244FF; }

strong.light {color: #FFB124;}

#outstanding {
    background-color: #222;
    border: 1px solid #fff;
    padding: 1em;
    margin-bottom: 1.5em;
}

/* Varios estilos */
.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:10px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
text-align: center;
}

.vmiddle {
vertical-align: middle;
}

.clearboth {clear: both;}
.white {color:#fff;}
.dark {color: #00395F;}

/* Perfil */
h2.profile {
padding-top: 5px;
font-family: Georgia, Palatino, verdana, helvetica;
font-style: italic;
font-weight: bold;
letter-spacing: 0.2em;
color: #00395F;
}

p.profile {
margin-top: 10px;
}

/* Estructura */

#header {

}

/* Menú principal */
#mainmenu {
padding-top: 6px;
}

#mainmenu h1 {
display: none;
visibility: hidden;
}

#mainmenu li{
display: inline;
padding:0 10px 0 0;
}

#mainmenu li a {text-decoration:none;}

#mainmenu li a.current {
color:#256F00;
text-transform: none;
font-weight: bold;
}

#container {
margin:0 auto;
padding: 0;
width:880px;
text-align:left;
}

/* Información superior */
#topinfo {
margin-bottom: 40px;
max-width: 42em;
}

#topinfo h1 {
font-size: 1.4em;
padding: 0;
margin: 6px 0;
}

#topinfo h1.bolorino {
/*font-family: Georgia, Palatino, verdana, helvetica;*/
font-style: italic;
letter-spacing: 0.3em;
}

#topinfo h3 {
font-size: 120%;
font-weight: bolder;
margin: 0.6em 0em;
color: #fff; /* 2068AB*/
}

#topinfo ul {
/*padding-left: 6px;*/
}

#topinfo li {
font-size: 95%;
margin: 0px 0px 6px 6px;
padding-left: 12px;

}

#topinfo strong.cliente {
letter-spacing: 0.3em;
}

/* Bottom info */

#bottominfo h2 {
font-size: 1.7em;
margin-bottom: 10px;
}

#bottominfo ul {
list-style-type: square;
margin: 6px 0px 10px 30px;
}

#bottominfo ul li {
margin-bottom: 6px;
}

/* Celdas portafolio */
#cell_1 {
width:210px;
/*margin:0 3px 20px 0;*/
padding:0px;
float:left;
background-color: #FDFDFD;
}

#cell_2 {
width:210px;
/*margin:0 0 20px 0;*/
padding:0px;
float:left;
border: 1px #fff solid;
background-color: #9E239D;
}

#cell_3 {
width:210px;
padding:0px;
float:left;
border: 1px #fff solid;
background-color: #282828;
}

#cell_1 p, #cell_2 p, #cell_3 p {
padding: 6px;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
line-height: 1.2em;
}

#cell_1 h2 {
margin:0 0 -4px 6px !important;
margin:0 0 -20px 6px;
padding:4px 0 10px 0;
font-family:"Trebuchet MS", Arial, sans-serif;
color:#333;
font-weight:bold;
}

#cell_2 h2 {
margin:0 0 -4px 6px !important;
margin:0 0 -20px 6px;
padding:4px 0 10px 0;
font-family:"Trebuchet MS", Arial, sans-serif;
color:#fff;
font-weight:bold;
}

#masproyectos {
margin: 0;
padding: 0;
}

p.otroproyecto {
float: left;
margin: 0 6px 6px 0;
text-align: center;
}

p.otroproyecto strong {
font-size: 90%;
}

p.otroproyecto img {
}

#cell_3 h2 {
margin:0 0 -4px 6px !important;
margin:0 0 -20px 6px;
padding:4px 0 10px 0;
font-family:"Trebuchet MS", Arial, sans-serif;
color:#fff;
font-weight:bold;
}

/* Footer */
#footer {
position:relative;
clear:both;
padding-top: 2em;
text-align:center;
}

#footer p {
font-size: 80%;
color: #ccc;
letter-spacing: 0.3em;
}