/* CSS Document */

/**
* Hoja de estilo platilla alquiler de vehiculos 01
* Henry Alexander Falla Ortiz
* Febrero 01, 2012
* Versión: 1.0
*/

/* Elementos html */ 
body{padding:0; margin:0; font-size:13px; color:#464646; font-family:Arial, Helvetica, sans-serif;}
img{border:none;}
a{text-decoration:underline; color:#3390DA;}
a:hover{text-decoration:none;}
h1{font-size:40px; font-weight:bold; padding:0; margin:0; text-align:center; color:#6C6C6C;}
h2{font-size:30px; font-weight:normal; padding:0; margin:0; text-align:left; letter-spacing:-1px;}
h3{font-size:25px; font-weight:normal; text-align:center; color:#FFF; letter-spacing:-1px; padding:0; margin:0;}
h4{font-size:20px; padding:0; margin:0; text-align:left; letter-spacing:-1px;}
h5{font-size:35px; letter-spacing:-1px; padding:0; margin:0; }
h6{font-size:15px; padding:0; margin:0;}

/* Barra Superior */
#topRibbon{margin:0; padding:0; background:url(../images/top_ribbon.png) repeat-x; height:5px; clear:both;}
#topBar{height:31px; margin:0; padding:3px 0; background:#E8E5E5; box-shadow:0 1px 1px #666; clear:both;}
#cTopBar{width:940px; margin:0 auto; padding:0 30px;}
#orangeBtn{float:right; margin:0 5px 0 0; height:31px; text-align:center; color:#FFF; overflow:hidden;}
#orangeBtn ul{float:right; list-style:none; padding:0; margin:0;}
#orangeBtn ul li{display:inline;}
#orangeBtn ul li a{float:right; padding:0 12px; margin:3px 5px; border-radius:3px; background:url(../images/local_info_button.png) repeat-x; background-position:0 0; text-decoration:none; color:#FFF; font:13px/25px Tahoma, Geneva, sans-serif;}
#orangeBtn ul li a:hover{background-position:0 -35px;}
#addThisBar{float:right; margin:8px 0 0; width:140px;}/* Barra Superior */

/* Contenedores y estilos para contenedores */
#cHeader{padding:0; margin:0; height:110px; background:url(../images/bg_top.png) repeat-x;}
#header{padding:10px 0 0; margin:0 auto; width:940px; height:100px;}
/* ---Logo--- */
#logo{float:left; padding:0; height:50px; margin:0 0 0 30px; max-width:880px; overflow:hidden; clear:both;}
#logo a{color:#6C6C6C; text-decoration:none;}
#logo a:hover{color:#6C6C6C; text-decoration:none;}
#code{float:left; width:220px; margin:3px 0 0 40px; padding:0; text-align:left; font-size:12px; clear:both; color:#464646;}
/*----Idioma----*/
#lang{float:right; padding:0; margin:0; width:200px; text-align:right; font-size:12px;}
#lang ul{padding:0; margin:0 20px 0 0;}
#lang li{list-style:none; display:inline; padding:0;}
#lang li a{padding:5px 10px; color:#464646; text-decoration:none;}
#lang li a:hover{color:#FFF; background:#3390DA; border-radius:5px;}
/* ----- */
#mainContainer{padding:0; margin:0 auto; width:940px;}
/* ---Menu Header--- */
#menu{float:left; padding:0; margin:0; width:940px; height:50px; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px; background:url(../images/bg_menu.png) repeat-x; font-weight:bold;}
#menu ul{padding:0; margin:0 0 0 20px;}
#menu ul li{padding:0; margin:0; list-style:none; display:inline;}
#menu ul li:first-child a{border-left:1px solid #196FCA;}
#menu ul li a{float:left; display:block; text-decoration:none; padding:0 14px; color:#FFF; font-size:14px; line-height:50px; border-right:1px solid #196FCA; text-transform:uppercase;}
#menu ul li a:hover{background:url(../images/bg_menu_hover.png) repeat-x;}
#menu ul li a.activo{background:url(../images/bg_menu_hover.png) repeat-x;}
/* ----- */
#cSlider{float:left; height:280px; background:#1D1E1F; width:940px; margin-top:1px;}
#sBox{float:left; width:400px; height:280px; color:#FFF; overflow:hidden;}
#slogan{margin:40px 30px 30px; text-align:left; font-size:22px; text-align:center; max-height:80px; overflow:hidden;}
/*----Social----*/
#social{float:left; width:340px; text-align:center; padding:0; font-size:17px; margin:0 30px 30px;}
#social img{vertical-align:middle;}
/*----Contacto---*/
#contact{float:left; width:340px; text-align:center; padding:0; font-size:13px; margin:0 30px 30px;}
/* ---Slider--- */
.mSlider{float:left; position:relative; margin:0;}
.window{overflow:hidden; position:relative; width:540px; height:280px;}
.image_reel{position: absolute; top:0; left:0;}
.image_reel img{float:left;}
/*----Paginador Slider----*/
.paging{position: absolute;	bottom:0px; left:10px; width:170px; height:35px; z-index:0; text-align:left; line-height:35px; display:none; font-size:12px;}
.paging a{text-decoration:none; color:#000; background:#FFF; padding:3px 6px; margin:0 2px 0 1px;  border-radius:5px;}
.paging a.active{color:#FFF; background:#3390DA;}
.paging a:hover{color:#FFF; background:#3390DA;}
/* ---Contenido Principal--- */
#cContent{float:left; margin:0; padding:0; width:940px;}
#content{float:left; width:520px; margin:30px 30px; text-align:justify;}
.sideBox{float:left; width:358px; margin:30px 0 0;}
.sBoxTitle{float:left; width:358px; height:16px; background:#3895DB; margin:0;; padding:14px 0; border-top-left-radius:8px; border-top-right-radius:8px; line-height:16px;}
.sideBoxCont{float:left; width:358px; margin:0;}
.sideBoxCont img{border:1px solid #3390DA; padding:7px;}
#eServices{float:left; width:300px; margin:0; padding:0 30px 30px;}
#eServices img{border:none; margin:0 3px; padding:0;}
#cFrame{padding:7px; border:1px solid #3390DA; border-radius:8px;}
#cFrame iframe{border:1px solid #D0CFCD; border-radius:5px;}
/* ---Menu Footer--- */
#menuFooter{float:left; padding:0; margin:0; width:940px; height:44px; overflow:hidden; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px; background:url(../images/bg_menu_footer.png);}
#menuFooter ul{padding:12px 0; margin:0 0 0 10px;}
#menuFooter ul li{float:left;  line-height:10px; padding:0 24px; margin:5px 0 0; list-style:none; display:inline; border-right:1px solid #FFFFFF;}
#menuFooter ul li.right{border-right:none;}
#menuFooter ul li a{display:block; padding:0; color:#FFF; font-size:13px; text-decoration:underline;}
#menuFooter ul li a:hover{text-decoration:none;}
/* ----Estilos Footer---- */
#footer{float:left; width:940px; height:50px; padding:25px 0; font-size:12px; color:#FFF; text-align:center; margin:0 auto; background:url(../images/bg_footer.png) repeat-x;}

/* Estilos Globlales */
.clear{clear:both;}
.blue{color:#3390DA;}
.button{float:left; margin:10px 0; text-align:center; width:358px;}
.button a{padding:5px; margin:10px 0; color:#FFF; background:#3390DA; font-weight:bold; border-radius:5px; text-decoration:none;}
.button a:hover{background:#333; color:#3390DA;}
.spacer10{clear:both; height:10px;}
.gallery{margin:0 0px;}
.gallery ul{padding:0; margin:0;}
.gallery li{float:left; width:200px; height:150px; list-style:none; margin:10px 20px ; padding:7px;}
.gallery li img{border:1px solid #D0CFCD; border-radius:5px;}

/* Estilos de Formularios */
input[type = text]{border:1px solid #A5A5A5; color:#000; width:180px;}
input[type = submit]{cursor:pointer; font-weight:bold; margin:10px 0; padding:5px; border-radius:5px; width:120px; color:#FFF; background:#3390DA;}
input[type = submit]:hover{ background:#333; color:#3390DA;}
.tabla th{background:#3A3935; color:#FFF; text-align:left; padding:0 0 0 5px; font-weight:normal;}
.tabla td{padding:0 0 0 5px; border-bottom:solid 1px #E7E4D5;}