/* CSS Document */

/**
* Hoja de estilo Uff.travel
* Henry Alexander Falla Ortiz
* Marzo 8, 2012
* Versión: 1.0
*/

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

/* Elementos html */
body{padding:0; margin:0; background:url(../images/bg.jpg) repeat-x #F8F8F8; font:13px 'PT Sans',sans-serif; color:#000;}
img{border:none; vertical-align:middle;}
h1{font:44px/55px 'Concert One',cursive; text-align:left; color:#002C5B; margin:0; padding:0; font-weight:lighter;}
h2{font:18px 'PT Sans', sans-serif; text-align:left; color:#3F7DB2; margin:0; padding:0; font-weight:normal;}
h3{font:42px 'PT Sans', sans-serif; color:#EA862E; margin:0; padding:0; font-weight:bold; text-shadow:0px 2px 4px #000; text-align:center;}
h4{font:30px 'PT Sans', sans-serif; color:#FFF; margin:0; padding:0; font-weight:bold; text-shadow:0px 2px 4px #000; text-align:center;}
h5{font:22px 'PT Sans', sans-serif; text-align:left; color:#FFF; margin:10px; padding:0; font-weight:bold;}
h6{font:40px 'PT Sans', sans-serif; color:#FFF; margin:0; padding:0; font-weight:bold; text-shadow:0px 2px 4px #000;}
a{color:#3F7DB2; text-decoration:none;}
a:hover{text-decoration:underline;}

/* Contenedores y estilos para contenedores */
#topRibbon{margin:0; padding:0; background:url(../images/top_ribbon.png) repeat-x; height:5px;}
#main{width:960px; margin:0 auto; padding:0; position:relative;}
/* ----Logo---- */
#header{float:left; width:920px; height:80px; margin:20px 0 0 20px; padding:0; position:relative;}
#log{float:left; width:250px; height:80px; margin:0; padding:12px 0 0 48px; background:url(../images/bg_log.png) top left no-repeat; text-indent:-5000px;}
#log span{font-size:21px;}
/*----Idioma----*/
#language{width:40px; padding:4px; text-align:center; font-size:12px; position:absolute; right:6px; top:-20px; background:#FFF; box-shadow:1px 1px 3px #CCC;}
#language a{color:#666;}
/* ----Botón Registro--- */
#hRegister{float:right; height:25px; margin-top:40px; padding:0 12px; color:#FFF; background:url("../images/blueButton.png") repeat-x 0 0; border:1px solid #095488; border-radius:3px; font-size:13px; line-height:22px; text-align:center; cursor:pointer;}
#hRegister:hover{background-position:bottom; text-decoration:none;}
#hRegister.active{background-position:bottom; text-decoration:none;}
/* ----Menú---- */
#menu{float:left; width:495px; height:80px;}
#menu ul{float:right; list-style:none; padding:0; margin:0;}
#menu ul li{display:inline;}
#menu ul li a{float:left; padding:10px; margin:33px 0; display:block; text-decoration:none; font-size:14px; color:#000;}
#menu ul li a:hover{color:#3F7DB2;}
#menu ul li a.active{color:#3F7DB2;}
/*----Slider----*/
.mSlider{position:relative; width:960px; height:150px; background:url(../images/bg_slider.png) no-repeat; margin:20px auto; padding:35px 0px; box-shadow:0px 2px 4px #666; color:#FFF;}
.mSlider h4{text-align:left;}
.mSlider h6{text-align:right;}
#lSlide{float:left; width:440px; margin:0; text-align:center;}
#rSlide{float:right; width:440px; margin:0; padding:0; text-align:justify; font-size:20px; line-height:20px; padding:0 40px 0 0;}
#rSlide p{height:80px; margin:10px 0;}
/*----Contenido Principal----*/
.tContainer{float:left; width:898px; margin:5px 0 15px; padding:25px 30px; background:#FFF; box-shadow:1px 1px 3px #CCC;}
.lSide{float:left; width:419px; margin:0; padding-right:40px; text-align:justify;}
.rSide{float:right; width:438px; margin:0; padding:0; text-align:justify;}
.spaceContainer{float:left; width:900px; margin:10px 30px;}
.column{float:left; width:200px; margin:0 12px; text-align:justify;}
#cFooter{font-size:11px; color:#999;}
/*----Social----*/
#social{float:left; width:185px; margin:3px 0 0; padding:0; text-align:left;}
#social img{padding-bottom:3px;}
/*----Footer----*/
#footer{float:left; width:185px; margin-bottom:30px; padding:0; text-align:left;}
#footer p{margin:0; padding:0;}
/*----Datos Contacto----*/
#contact{float:right; width:320px;}
#contact p{margin:0; padding:0; text-align:right;}
/* Estilos de Formularios */
#fMail{float:left; width:210px;}
#fMail p{width:210px; padding:0 0 5px; margin:0; text-align:left;}
#fMail table{float:left; height:30px; background:#FFF; padding:0; width:200px;}
#fMail table td{height:20px; width:140px;}
#fMail input[type = text]{vertical-align:middle; width:140px; height:20px; font-size:11px; border:1px solid #CCC;}
#fMail input[type = submit]{background:#114273; cursor:pointer; border:none; color:#FFF; padding:4px; text-transform:uppercase; width:55px; box-shadow:2px 2px 1px #666; font-size:11px;}
#fMail input[type = submit]:hover{background:#053262;}
/* Formulario de registro */
#fContact input[type = submit]{background:#114273; color:#FFF; cursor:pointer; border:none; padding:5px 20px; border-radius:5px; font:13px 'PT Sans',sans-serif; line-height:13px; margin:10px 0 0 0}
#fContact input[type = submit]:hover{background:#EC9232}
#fContact label{margin:0 5px 0 0; color:#666; font-size:12px; text-align:right; width:135px; display:block}
#fContact input[type=text],
#fContact input[type=password],
#fContact select,
#fContact textarea{border:1px solid #DDD; background:#FFF; padding:3px; font:12px 'PT Sans',sans-serif;}
#fContact input[type=text]:focus,
#fContact select:focus,
#fContact textarea:focus{border-color:#3F7DB2;}
#fContact fieldset{border:1px solid #DDD; margin:0 0 25px 0}
#fContact fieldset legend{color:#000; padding:0 10px}
#fContact select{width:398px; cursor:pointer}
#fContact td{vertical-align:top;}
.signText{font-size:12px; color:#666;}
#setDomain{display:none;}
#tdDomains span{clear:both; display:block; font-size:14px; cursor:pointer; color:#3F7DB2;}
#tdDomains span:hover{color:#C00;}
#tdDomains ul{margin:0; padding:0 0 10px 0; list-style:none; display:none}
#tdDomains ul li{padding:0; margin:0; float:left; display:block; width:340px; margin:0 10px 0 0}
#tdDomains ul li label{width:auto !important; text-align:left; cursor:pointer;}
#tdDomains ul li label:hover{color:#000;}
#tdDomains ul li label.active{background:#114273; color:#FFF; border-radius:3px}

/* Estilos globales */
.clear{clear:both;}
.clear10{clear:both; height:10px}
textarea{resize:none;}
.greenBtn{float:right; width:220px; height:30px; margin:5px 0 0;}
.greenBtn a{color:#FFF; text-decoration:none; background:#487C11; padding:5px 15px; border-radius:5px; box-shadow:2px 2px 3px #000; line-height:28px; font-size:14px;}
.greenBtn a:hover{background:#F8F8F8; color:#222C62;}
.redBtn{width:220px; height:30px; text-align:center; margin:105px auto 0;}
.redBtn a{color:#FFF; text-decoration:none; background:#A20B13; padding:5px 40px; border-radius:5px; box-shadow:2px 2px 3px #000; line-height:28px; font-size:14px;}
.redBtn a:hover{background:#F8F8F8; color:#222C62;}

/* --- Listado de Dominios --- */
blockquote{clear:both; padding:20px 0 0 0; margin: 0;}
blockquote p{color:#3E80C1; font-size:16px; line-height:16px; margin:0; padding:0;}
.lDomains ul{list-style:none; margin:10px 0 0 0; padding:0; clear:both}
.lDomains ul li{display:inline; padding:0; margin:0 3px 5px 0}
.lDomains ul li a{background:#EFEEEC; padding:2px 5px; border-radius:3px; display:block; float:left; margin:0 5px 5px 0}
.lDomains ul li a:hover{background:#306EA2; color:#FFF; text-decoration:none;}