/* CSS Document */
/**
* Hoja de estilo Almacenes 03
* Henry Alexander Falla Ortiz
* Octubre 17, 2012
* Versión: 1.0
*/

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

/* Elementos html */ 
body{padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7C7C7C; background:#F9F9F9;}
img{border:none; vertical-align:middle;}
h1{font-size:40px; text-align:left; margin:0; padding:0; color:#2B2B2B; font-family:'Oswald', sans-serif; font-weight:normal; text-transform:uppercase;}
h2{font-size:28px; text-align:left; margin:0; padding:0; color:#2B2B2B; font-family:'Oswald', sans-serif; font-weight:normal; text-transform:uppercase;}
h3{font-size:16px; text-align:left; margin:0; padding:0; color:#FF3346; font-family:'Oswald', sans-serif; font-weight:normal; text-transform:uppercase;}
h4{font-size:18px; text-align:left; margin:0; padding:0; font-family:'Oswald', sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:-2px;}
h5{font-size:16px; text-align:left; margin:5px 0 0; padding:0; color:#FFF; background:#191919; font-family:'Oswald', sans-serif; font-weight:normal; 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:#FF3346; text-decoration:none;}
a:hover{text-decoration:underline;}

/* Contenedores y estilos para contenedores */
#fullContainer{width:920px; margin:40px auto; padding:20px; background:#FFF; box-shadow:0 0 10px rgba(0, 0, 0, 0.03);}
#header{width:920px; padding:0; margin:0;}
/*----Social----*/
#social{float:right; width:auto; padding:0; margin:0;}
#social img{padding:0 2px; margin:0; height:32px;}
/*----Idioma----*/
#language{float:left; width:auto; margin:0; padding:0; text-align:center;}
#language ul{float:left; padding:0; margin:7px 0 0 3px;}
#language ul li{display:inline; list-style:none; margin:0 3px;}
#language ul li a{color:#7C7C7C;}
#language ul li a:hover{color:#FF3346; text-decoration:underline;}
#language ul li a.active{color:#FF3346;}
/*----Logo----*/
#log{float:left; max-width:790px; height:35px; margin:10px 0 5px; overflow:hidden; clear:both;}
#log a{color:#2B2B2B; text-decoration:none; line-height:34px}
/*----Menu----*/
#cMenu{float:left; width:920px; height:50px; padding:0; margin:10px 0 0; background:#191919;}
#menu{float:left; width:auto; max-width:958px; height:50px; margin:0; padding:0; overflow:hidden;}
#menu ul{float:left; padding:0; margin:0; list-style:none;}
#menu ul li{display:inline;}
#menu ul li a{float:left; margin:15px 0; padding:0 15px; color:#8C8C8C; font-size:15px; line-height:20px; text-transform:uppercase; text-decoration:none; display:block; font-family:'Oswald', sans-serif;}
#menu ul li:first-child a{border-left:none;}
#menu ul li a:hover{color:#FFF;}
#menu ul li a.activo{color:#FFF;}
/* --- Código --- */
#code{float:right; width:auto; margin:19px 10px 10px; padding:0; font-size:11px; color:#888787;}
#cSlider{float:left; width:920px; height:340px; padding:0; margin:20px 0; position:relative; background:#191919;}
/*----Slider----*/
.mSlider{float:left; position:relative; margin:0;}
.window{height:290px; width:920px; overflow:hidden;	position:relative;}
.image_reel{position: absolute; top:0; left:0;}
.image_reel img{float:left;}
/*----Paginador Slider----*/
.paging{position:absolute; bottom:-30px; right:15px; padding:0; width:auto; height:14px; line-height:18px; text-align:left;}
.paging a{padding:2px 4px 0; margin:0 4px; text-decoration:none; color:#313131; font-weight:bold; font-size:8px; background:#313131; border-radius:10px;}
.paging a.active{color:#FF3346; background:#FF3346; border-radius:10px;}
.paging a:hover{color:#FF3346; background:#FF3346; border-radius:10px;}
/* ---- */
#slogan{float:left; max-width:765px; height:20px; padding:0; margin:15px; font-size:14px; line-height:20px; overflow:hidden; clear:both;}
/*----Contenido Principal----*/
#content{float:left; width:643px; margin:0; padding:0;}
#fContent{float:left; width:920px; margin:0; padding:0;}
#picture{margin:0;}
#picture img{background:#191919; padding:7px;}
#cFrame{margin:0 10px 20px 10px;}
#cFrame iframe{width:603px; padding:10px; background:#1D1D1D; border:1px solid #292929;}
#fContact form{width:603px; padding:20px; background:#F9F9F9; text-align:left; }
#rSide{float:left; width:262px; margin:0 0 0 15px; padding:0;}
/*----Footer----*/
#footer{width:910px; margin:0; padding:5px 5px 0; border-top:1px solid #191919; font-size:11px;}
#footer p{float:left; padding:0; margin:0; color:#191919;}
/* ---- */

/* Estilos globales */
.homeGallery{float:left; width:180px; height:135x; margin-left:5px; margin-bottom:5px;}
.separator{height:5px; clear:both; margin:0;}
.button{height:20px; margin:15px 0 0; clear:both;}
.button a{padding:5px 5px 4px; margin:0; background:url(../images/btn_hover.png) 0 0 repeat-x; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:bold; clear:both;}
.button a:hover{background:url(../images/btn_hover.png) 0 -30px repeat-x;}
.eServices{float:left; width:262px; padding:5px 0; margin:0; border-top:1px solid #191919;}
.spacer10{height:10px; clear:both;}
.clear{clear:both;}
.pGallery{width:643px; text-align:center; margin:0;}
.pGallery ul{padding:0; margin:0;}
.pGallery li{float:left; border:none; list-style:none; text-align:center; margin:5px;}
.pGallery li img{background:#191919; padding:5px; width:140px; height:95px;}
.pGallery li a{margin:0; padding:0; text-decoration:none;}
.gallery {margin:0;}
.gallery ul{padding:0; margin:10px 0;}
.gallery li{float:left; border:1px solid #292929; box-shadow:0 3px 3px #666; list-style:none; text-align:center; padding-bottom:2px; margin:10px 22px; background:#1D1D1D;}
.gallery li img{margin:0; padding:5px;}
.gallery li a{margin:0; padding:0; color:#FFF; text-decoration:none;}

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