/* CSS Document */
/**
* Hoja de estilo cms07-01
* Henry Alexander Falla Ortiz
* Diciembre 03, 2012
* Versión: 1.0
*/

/* Fuentes */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* Elementos html */ 
body{padding:0; margin:0; font-family:'Open Sans', sans-serif; font-size:13px; color:#666565; background:url(../images/top_bg.jpg) #1E1E1E top center repeat-x;}
img{border:none; vertical-align:middle;}
h1{font-size:40px; text-align:left; margin:0; padding:0; color:#FFF; font-family:'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:-2px;}
h2{font-size:25px; text-align:left; margin:0; padding:0; color:#FFF; font-family:'Open Sans', sans-serif; font-weight:normal; text-transform:uppercase;}
h3{font-size:16px; text-align:left; margin:0; padding:0; color:#6E8823; font-family:'Open Sans', sans-serif; font-weight:normal; text-transform:uppercase;}
h4{font-size:18px; text-align:left; margin:0; padding:0; font-family:'Open Sans', sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:-2px;}
h5{font-size:14px; text-align:left; margin:5px 0 0; padding:0; color:#FFF; background:#6E8823; font-family:'Open Sans', sans-serif; text-transform:uppercase; text-align:center;}
h6{font-size:12px; text-align:left; margin:0; padding:0; color:#FFF; font-weight:normal; text-transform:uppercase;}
a{color:#6E8823
; text-decoration:none;}
a:hover{text-decoration:underline;}

/* Contenedores y estilos para contenedores */
#mainContainer{width:960px; margin:0 auto; padding:0;}
#header{width:960px; padding:0; margin:10px 0;}
/*----Logo & Slogan----*/
#cLog{float:left; width:820px; height:60px; margin:25px 0 0;}
#log{float:left; max-width:820px; height:40px; margin:0; overflow:hidden; clear:both;}
#log a{color:#FFF; text-decoration:none; line-height:34px}
#slogan{float:left; max-width:820px; height:20px; padding:0; margin:0; line-height:20px; overflow:hidden; clear:both; color:#FFF;}
/*----Idioma----*/
#language{float:right; width:130px; margin:30px 0 0; padding:0; text-align:right; color:#FFF;}
#language ul{float:right; padding:0; margin:0;}
#language ul li{display:inline; list-style:none;}
#language ul li a{padding:1px 4px; margin:0 2px; color:#FFF; background:#6E8823; font-weight:bold;}
#language ul li a:hover{text-decoration:underline;}
/* --- Código --- */
#code{float:right; width:auto; margin:10px 0; padding:0; color:#FFF;}
#code span{padding:1px 4px; margin:0 2px; color:#FFF; background:#6E8823; font-weight:bold;}
/*----Menu----*/
#menu{float:left; width:960px; height:31px; margin:20px 0 0; padding:0; overflow:hidden; background:#000;}
#menu ul{float:left; padding:0; margin:0; list-style:none;}
#menu ul li{display:inline;}
#menu ul li a{float:left; margin:7px 3px; padding:0 15px; color:#666565; font-size:12px; font-weight:bold; text-transform:uppercase; text-decoration:none; display:block;}
#menu ul li:first-child a{border-left:none;}
#menu ul li a:hover{color:#6E8823;}
#menu ul li a.activo{color:#6E8823;}
/*----Slider----*/
#cSlider{float:left; width:960px; height:350px; padding:0; margin:0;}
.slider-wrapper{float:left; width:100%;}
/*----Contenido Principal----*/
#content{float:right; width:680px; margin:0 0 10px 20px; padding:0 10px; background:#111;}
#fContent{float:left; width:940px; margin:0; padding:0 10px; background:#111;}
#rSide{float:right; width:240px; margin:0; padding:0; }
#picture{width:240px; height:150px;}
#cFrame{margin:0 10px 20px 10px;}
#cFrame iframe{width:638px; padding:10px; background:#1E1E1E; border:1px solid #292929;}
#fContact form{width:618px; padding:20px; background:#1E1E1E; text-align:left;}
/*----Footer----*/
#footer{width:auto; margin:0 0 10px; padding:5px 0 0; border-top:3px solid #111; font-size:11px;}
#footer p{float:right; padding:0; margin:0; color:#666565;}
/*----Social----*/
#social{float:left; width:auto; padding:0; margin:0;}
#social img{padding:0 2px; margin:0;}
/* ---- */

/* Estilos globales */
.eServices{width:240px; padding:5px 0; margin:0 auto;}
.clear{clear:both;}
.button{height:20px; margin:15px 0;}
.button a{padding:5px 5px 4px; margin:0; background:#6E8823; color:#FFF; text-decoration:none; font-size:11px; text-transform:uppercase;}
.button a:hover{background:#1E1E1E;}
/* ----Galería---- */
.uffAlbums{float:left; padding:0; margin:0; clear:both;}
.uffAlbum{float:left; width:206px; height:176px; margin:10px;}
.fancy img{width:200px; height:150px; padding:3px 3px 0; background:#1E1E1E;}
.uffAlbumName{width:206px; height:auto; text-align:center; overflow:hidden; font-size:12px; line-height:17px; color:#6E8823; background:#1E1E1E;}
/* --- */

/* Estilos de Formularios */
textarea{resize:none; font:12px 'Open Sans', sans-serif;}
input[type = text]{color:#333; vertical-align:middle; width:280px; font:12px 'Open Sans', sans-serif; margin-bottom:5px;}
input[type = submit]{width:100px; padding:5px 5px 4px; background:#6E8823; color:#FFF; text-transform:uppercase; border:none; cursor:pointer; font:11px 'Open Sans', sans-serif;}
input[type = submit]:hover{background:#111;}