/*--------------------------------------------------------------------------
Clic.com.mx
----------------------------------------------------------------------------
 File: general.css
 Author:   Gerardo Gonzalez Flores
 		   --> gerardo AT clic DOT com DOT mx <--
   		   http://www.clic.com.mx-
---------------------------------------------------------------------------		
 CSS general styles for the web site, apply to specific HTML tags
 CSS generales para el sitio, aplicados a etiquetas HTML especifcas .
--------------------------------------------------------------------------*/
 * {
	margin:0px;
	padding:0px;
 }
 body, table, td, tr, ul, li, span, div, select, input, textarea  {
    font-size: 9pt;
    font-family: "Arial";
}
  h1 {font-size: 20px;}  
  h1.sectionTitle { 
 		background: url(../img/title-bullet.png) no-repeat;
		padding-left: 28px;
		padding-bottom: 5px;
		position: relative;
		top: 6px;
		left: 15px;
	}
  h2 { font-size: 18px;}  
  h3 {
	font-size: 16px;
	margin-bottom: 4px;
}
 
 p { margin-bottom:1em; font-size: 14px; }
 
 /*ul {
	list-style-type:none;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left:10px;
 }

 ul li {
	/*background: url(../img/li-bg.png) 0 4px no-repeat;
	padding-left: 0px;
 }*/
 ul.site-map-nav {
	
 }
 ul.site-map-nav li{
	display: block;
	margin-left: 15px;
	margin-bottom: 5px;
 }
  ul.site-map-nav li a {
  	color: #222;
	font-size: 14px;
	padding-left: 20px;
	background: url(../img/list-bullet.png) no-repeat;
  }
  ul.site-map-nav li a:hover {
  	background: url(../img/list-bullet.png) no-repeat;
	  -moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: background;
    -moz-transition-timing-function: linear; background: url(../img/list-bullet.png) 0px -15px   no-repeat;

  }

 table#tarifas {
	margin-bottom: 20px;
	}
 
 
 table.sierraVista,  table.sierraVista td, table.sierraVista th  {
 
    border:1px solid #ffffff;
    border-collapse:collapse;

 }
 
 table.sierraVista td{
		border:none 0px;
		padding: 8px 3px;
		border-spacing: 0px;
		border-collapse:collapse; /*Elimina el padding en el IE*/
		vertical-align:top;
		background-color: #E5F5EB;
		font-size: 13px;
		color: #000;
 }


table.sierraVista thead th {
	background-color:#336601;
	font-weight: bold;
	color: white;
	font-size: 14px;
	text-align: center;
	padding: 5px;
 }
 
 table.sierraVista tbody th {
	background:#DFF2FF;
	font-weight: normal;
	color: #000000;
	font-size: 14px;
	text-align: center;
	padding: 5px;
 }
 
.center {text-align:center; margin:0px auto;}

 img { border:0px;  }
 img.left { float:left; margin:2px; margin-right: 15px;} 
 img.right { float:right; margin:2px; margin-left: 15px;}
 .bold{ font-weight:bold; }

 blockquote{ margin-left:20px; }
 .centrado{	margin-left:auto;margin-right:auto;	}
 .centro   { text-align:center;	}

.cakeSqlLog { clear:both; border:1px solid}


#linksFooter {
	width: 452px;
	position:absolute;
	top: 40px;
	right:0px;
}
p.logo { margin-top: 8px;  }
p.logo span { background: url(../img/dinero-mail-logo.png) no-repeat; height: 22px;}


ul#observaciones { margin-bottom: 1em; margin-top: 1em; }
ul#observaciones li{margin-left: 15px; margin-bottom: 0.2em; font-size: 12px;}

.imagenLink  { border: 3px solid #707F32; margin: 15px;}
img.bordered { border: 3px solid #555B23; margin-bottom: 13px;}

/*-- Begin Clearfix Hack Classes --*/
	.clearfix:after {
    	content:"."; 
    	display:block; 
    	height:0; 
    	clear:both; 
    	visibility:hidden;
	}
	
	.clearfix {
		display:inline-block;
	}
	
	.clearfix {
		display:block;
	}
	
	* html .clearfix {
		height:1px;
	}
	/*-- End Clearfix Hack Classes --*/

/********titles**************/

h2#titleCabanaFamiliar {
	width: 250px;
	height: 30px;
	background: url(../img/titles/cabana-familiar.jpg) no-repeat;
	background-position: 10px 0;
}
h2#titleCabanaRomantica {
	width: 250px;
	height: 30px;
	background: url(../img/titles/cabana-romantica.jpg) no-repeat;
	background-position: 10px 0;
}
h2#titleCabanaFamiliar span, h2#titleCabanaRomantica span { display: none;}

div#contentHeader {
	border-bottom: dotted 2px #CCCCCC;
	margin-bottom: 5px;
}
div#contenidoRight h4 {
	font-size: 16px;	
}
div#contenidoRight h5 {
	font-size: 14px;
	color: #F60;	
}
div#contenidoRight h3,  div#contenidoRight p {
	margin: 0;
}
div#contenidoRight h3 {
	margin-top: 14px;
}
	
/*****bottomInfoBlock******/

div.bottomInfoBlockColumn h4.aboutcco {
	text-indent: -99999px;
	background: url(../img/titles/about-cco.png) no-repeat;
	width: 171px;
	height: 15px;
}
div.bottomInfoBlockColumn h4.mas-buscados {
	text-indent: -99999px;
	background: url(../img/titles/mas-buscados.png) no-repeat;
	width: 208px;
	height: 14px;
}
div.bottomInfoBlockColumn h4.hoteles-mas-buscados {
	text-indent: -99999px;
	background: url(../img/titles/hoteles-mas-buscados.png) no-repeat;
	width: 199px;
	height: 14px;
}
h4.hoteles-mas-buscados, h4.aboutcco, h4.mas-buscados {
	margin-bottom: 10px;
}
div.bottomInfoBlockColumn p.title {
	font-weight: bold;
	margin-bottom: 0px;
}
img.foto-editorial-left {
	float:left;	
	margin: 7px 7px 7px 0;
}

/******titles******/
h1#inicio {
    background: url("../img/titles/inicio.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    margin-left: 10px;
    width: 80px;
}
h1#ofertas {
    background: url("../img/titles/ofertas.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    margin-left: 10px;
    width: 101px;
}
h1#grupos {
    background: url("../img/titles/grupos.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    margin-left: 10px;
    width: 101px;
}
h1#servicios {
    background: url("../img/titles/servicios.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    margin-left: 10px;
    width: 101px;
}
h1#paquetes-lunamieleros {
    background: url("../img/titles/paquetes-lunamieleros.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    margin-left: 10px;
    width: 234px;
}
h1#contacto {
    background: url("../img/titles/contacto.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    margin-left: 10px;
    width: 101px;
}
h1#shopping-cart {
    background: url("../img/titles/carrito-de-compras.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    margin-left: 10px;
    width: 234px;
}


.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert-heading {
  color: inherit;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.msg { text-align:center;}