/*  
Theme Name: AcaViajes
Theme URI: http://e-acapulco.com/
Description: Tema para el portal AcaViajes. Echo por <a href="http://factory.e-acapulco.com">e-Acapulco Factory</a> 
Version: 1.0
Author: e-Acapulco Factory.	
Author URI:  http://e-acapulco.com/
*/

* { margin: 0; padding: 0; }

legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: none; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #669900; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif, "Arial Black" ; }


/* Side 1-2-3
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.title { font: normal 28px/30px "Arial"; border-bottom: solid 1px #ccc; padding-bottom: 15px; margin-bottom: 15px;}

/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { padding: 15px 0px;}
.post .p-head { }
.post .p-head h1 { font: normal 28px/28px "Arial"; letter-spacing: -1px; }
.post .p-head h2 { font: normal 26px/26px "Arial"; letter-spacing: -1px;}
.post .p-head h2 a, .post .p-head h2 a:visited { color:#319bd8; text-decoration: none;}
.post .p-head h2 a:hover { color:#669900; }
.post .p-head h3 { font: normal 21px/23px "Arial"; }
.post .p-head h3 a, .post .post-head h3 a:visited { color:#319bd8; text-decoration: none;}
.post .p-head h3 a:hover { color:#669900; }
.post .p-date { font-size: 10px; color:#666; font-weight: bold;}
.post .p-who { padding: 5px 0px 5px 12px; margin-top: 5px; font-size: 11px; color:#917d69; border-top: solid 1px #ebeadd; background: url(images/p-cat-ico.png) no-repeat left 6px;}
.post .p-who a { color:#917d69; text-decoration: underline;}

.post .p-con { padding: 5px 0px; }
.post .p-con p { font: normal 12px/17px 'Verdana'; padding: 5px 0px; color:#666; }
.post .p-con img { margin-bottom: 10px; }
.post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post .p-con ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con ul { padding: 5px 0px; margin: 0px; }
.post .p-con ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con blockquote { padding: 20px; margin: 10px 0px; color:#a98951; background: #f8f8f2; }
.post .p-con blockquote p { font: normal 13px/19px "Georgia"; color:#a98951; padding: 0px;}
.post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 11px; line-height: 16px;}

.post .p-com { background: #fbfbf8; padding: 10px 5px; border-top: solid 1px #f7f6f0; border-bottom: solid 1px #f7f6f0;}
.post .p-com a, .post .p-com a:visited { background: url(images/p-com-ico.png) no-repeat left 2px; padding-left: 15px; font-size: 10px; font-weight: bold; color:#ff6600;}
.post .p-com a:hover { color:#669900;}

.post .p-tag { font-size: 11px; color:#917d69; margin-top: 5px;}
.post .p-tag a, .post .p-tag a:visited, .post .p-tag a:hover { color:#917d69; text-decoration: underline;}


/* Post Pages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post-page {}
.post-page h1 { font: normal 28px/30px "Arial"; padding: 10px 0px;}
.post-page h2 { font: normal 26px/28px "Arial"; }

.post-page p { font: normal 12px/17px 'Verdana'; padding: 5px 0px; color:#666; }
.post-page ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post-page ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page ul { padding: 5px 0px; margin: 0px; }
.post-page ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page blockquote { padding: 10px; margin: 0px; color:#333; background: #f8f8f2;}
.post-page blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 17px;}
.post-page blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 1px; margin: 0 0 5px 15px; display: inline; border: solid 5px #f2f0ea; }
img.alignleft { padding: 1px; margin: 0 15px 5px 0; display: inline; border: solid 5px #f2f0ea; }

.alignright { float: right; }
.alignleft { float: left }


/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; margin: 0px 0px 10px 0px; font-size: 13px; font-size: 10px; line-height: 12px; font-weight: bold; text-align: right;}
.nav .left { float: left; background: url(images/nav-left.png) no-repeat left 1px; padding-left: 15px; }
.nav .right { float: right; background: url(images/nav-right.png) no-repeat right 1px; padding-right: 15px; }
.nav a { cursor: hand; }

/* Category Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 .categ-all { background: #585e62 url(images/categ-top.png) no-repeat top; width: 160px; margin-bottom: 10px;}
.s1 .categ { background: url(images/categ-bottom.png) no-repeat bottom; padding: 7px 10px 10px 10px; color:#a29d91; }
.s1 .categ h3 { font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px; margin-bottom: 5px;}
.s1 .categ li { padding: 2px 0px 2px 0px;}
.s1 .categ li a, .s1 .categ li a:visited, .s1 .categ li a:hover { text-decoration: underline; color:#f5e5c2;}

/* Search Panel 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .search { background: #4a7e00 url(images/search-top.png) no-repeat top; width: 270px; padding: 7px 15px 10px 15px;}
.s2 .search h3 { padding-bottom: 15px; background: none; padding-left: 0px;}
.s2 .search button { background: none; border: none; padding: 0px; margin: 0px; width: 58px; height: 26px;}


/* Widget Panel  
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.s2 .widget_calendar table { width: 100%;}
.s2 .widget_calendar table td { text-align: center; padding: 4px; }
.s2 .widget_calendar table th { text-align: center; padding: 3px; border-bottom: solid 1px #c8d18a;}
.s2 .widget_calendar caption { background: #d7deaa; padding: 3px 0px;}
.s2 .widget_calendar #today { background: #d7deaa;}
.s2 .widget_search #s { border: solid 1px #c8d18a; padding: 3px; margin-bottom: 5px;}

/* Comment List
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
.com-list {}
.com-list h3 { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ebeadd;}
.com-entry { background: url(images/com-top.png) no-repeat left top; margin-bottom: 20px;}
.com-entry-bot { background: url(images/com-bot.png) no-repeat left bottom; padding: 10px 0px;}

.com-con { padding: 10px 70px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border-left: solid 1px #e7e5dd; border-right: solid 1px #e7e5dd; position: relative;}
.com-name { font: bold 14px/14px "Arial"; letter-spacing: -1px;}
.com-avt { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }
* html .com-avt { right: 40px;}
.com-avt img { border: 1px solid #ccc;}
.com-date { font-size: 10px; color: #999; margin-bottom: 10px; }
.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }


/* Comment Form
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
.com-form { background: #f8f8f2 url(images/com-form-top.png) no-repeat left top; padding-top: 10px; }
.com-form-bot { background: url(images/com-form-bot.png) no-repeat left bottom; padding: 5px 20px 20px 20px;}
.com-form h3 { font-size: 16px; letter-spacing: -1px; border-bottom: solid 1px #e6e3db; padding-bottom: 5px; margin-bottom: 10px;}
.com-form p { padding: 6px 0px; position: relative; color:#666;}
.com-form p strong { color:#FF3300; font-weight: normal; }
.com-form label { position: absolute; top: 10px; left: 250px; font-size: 11px;}
.com-form a, .com-form a:visited, .com-form a:hover { color: #666; text-decoration: underline; }
.com-form input { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; font-size: 12px; }
.com-form textarea { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; }
.com-form button { cursor: pointer; display: block; width: 117px; height: 24px; background-color: #faf9f6; border: none; text-indent: -1000em; margin-top: 5px;}



/*
 *
 *
 *
 */
 
/* Se ocultan las opciones de accesibilidad */
.accesibility { margin-left: -9000px; position: absolute; top: 0; left: 0; }

*, body { margin: 0; padding: 0; }

body {
	background-color: #57080e;
	font: normal 12px "Verdana", sans-serif;	
}


legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
table { border-collapse: collapse; width: 100%; border: 0 }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: none; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #669900; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

iframe {margin: 0; padding: 0;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif, "Arial Black" ; }

#head {
    background: transparent url(images/headeracaviajes.jpg) top center no-repeat;
    height: 269px;	
	padding-top: 10px;
}

.bg {
	width: 787px;
	margin: 0 auto;
	background: transparent url(images/bg.jpg) bottom center repeat-y; 
	border: 10px solid #fff; 
	border-width: 0 10px;

	}

#pie {
	margin: 0 auto;
	padding: 0 10px;
	width: 787px;
    height: 158px;
	background: #fff url(images/pie-acaviajes.jpg) bottom center no-repeat;
	text-align: center;
}

	#pie div {margin: 0 auto; position: relative; top: 158px;}

#top, #top-bar {
	font-weight: bold;
	text-align: right;
	height: 10px;
}

#content { padding-top: 20px; }

#contenido { width: 760px; margin: 0 auto; }

#top-bar {
	height: 20px;
}

#top-bar a {
    color: #000;
    font-size: 9px;
}

.top-title {
	width: 210px;
	height: 90px;
	float: left;
	margin-top: 8px;
}

#top-banner {
	margin: 10px 0 0 10px;
	text-align: right;
}


/* menu superior horizontal */
#top-menu {
	height: 24px;
	margin-top: 13px;
}

#top-menu div { }
	
	/* El titulo del menu no se debe mostrar */
	#top-menu h3 { display: none; }
	
	/* Las listas deben mostrarse horizontal y son decoracion */
	#top-menu ul, #top-menu li { margin: 0; padding: 0; list-style: none; height: 24px; }

    /* Cada elemento tiene las mismas propiedades, mismo alto y texto centrado, 
     * con borde de color abajo, debe alinearse a la izquierda para que el siguiente elemento 
     * se acomode enseguida de el
     */
    #top-menu li {
        font-family: Arial, Helvetica;
    	display: inline;
        text-align: center;
        float: left;
        font-size: 12px;
        line-height: 152%;
    }
    
    #top-menu li a {
    	padding: 2px 12px;
        text-decoration: none;
        color: #fff;
    }
    
    #top-menu a:hover {
    	text-decoration: none;
        height: 100%;
    }
    
        #top-menu .current-cat, #top-menu .current-cat a {
            color: #fff;
        }
        
        #top-menu .current-cat, #top-menu .current-cat a:hover {
            color: #fff;
        }	

#col1 {
	width: 163px;
	padding-right: 4px;
}

#col2 {
	width: 320px;
}

#col3 {
	width: 280px;
	padding-left: 4px;
}

#col1, #col2, #col3 { background-color: #fff}

#menu-superior {
    margin: 0 auto;
    padding: 0 4px 10px 18px;
}

#menu-superior ul li {
	background: url(images/menuvert-acaviajes.jpg) left top no-repeat;
	text-transform: uppercase;	
	padding-left: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 21px;
	width: 128px;
	float: left;
}

#menu-superior li a {color: #fff; font-size: 11px;}

/**************************************************************************************
 *
 * Lista de articulos destacados
 *
 */
 
.itemdestacado {
    border-width: 0;
    clear: both;
    background-repeat: repeat-x;
}

.itemdestacado li {
    clear: both;
    margin-bottom: 20px;
}

.itemdestacado img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 120px;
    height: 90px;
}

.itemdestacado h2 {
    font-weight: bold;
    font-size: 12pt;
}

.itemdestacado a {text-decoration: none;}

.itemdestacado h2 a:hover {text-decoration: underline;}

.slideshowlink, .piclenselink { display: none;}


.mailing {
    background: #fff url(images/mailing.jpg) no-repeat;
}


/* Estilos de la tabla de grupos */
.one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 8px;
	margin-bottom: 0;
	width: 940px;
	text-align: left;
	border-collapse: collapse;
}
.one-column-emphasis th
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px 11px;
	color: #e53d85;
}

.one-column-emphasis td
{
	padding: 10px 15px;
	color: #668;
	border-top: 1px solid #e8edee;
}
.oce-first
{
	background: #900;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	color: #333;
	width: 220px;
}

.one-column-emphasis .titulo { color: #fff; }

.one-column-emphasis tr:hover td
{
	color: #339;
	background: #efefef;
}




/*
 * features
 *
 */
.destacados {
    height: 300px;
    clear: both;
        margin: 3px 0;
}

    /* Imagen gigante */
    .destacados img.attachment-intermediate {
        background-color: #fefefe;
        width: 400px;
        height: 300px; 
    }

    /* Tamaño de la lista */
     #features-nav span {display: none;}

    .destacados h4, .destacados p {}    

    .destacados p {
        padding: 2px 5px 0 5px;
        margin: 0;
        display: none;
    }

    /* iconito */
    .destacados img.icon {
        float: left;
        position: relative;
        padding: 5px 5px 0 8px;
        margin-left: -3px;
    }

    /* elemento de lista */
        /* ligas normales */
        #features-nav .features-nav-item a {
            color: #595441;
            font: normal 16px Georgia,"lucida console",sans-serif;
        }

        /* imagen flotante */
        .current img.float {
            float: left;
            position: relative;
            top: 10px;
            margin-left: -30px;
            display: block;
        }
        
        .destacados-first img.icon {display: none;}

        /* Solo el seleccionado esta visible */
        .destacados .current p {display: block;}



        
        
 /*
  * +++++++++++++++++++++++ SLIDE
  */
        /*::::::::::::::: SLIDEDECK SLIDE STYLE (BEGIN) :::::::::::::::*/
        
        #slidedeck_frame {
            width: 400px;
            height: 300px;
            position: relative;
            overflow:hidden;
        padding-left: 15px;
        }
        
        dl.slidedeck {
            position: relative;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            float: right;
            background: #000;
        }
        
        dl.slidedeck > dd {
            position: relative;
            margin: 0;
            border-bottom: 1px solid #ccc;
            overflow: hidden;
        }
        
        /*::::::::::::::: SLIDEDECK SLIDE STYLE (END) :::::::::::::::*/
        
        /*::::::::::::::: CAPTION STYLE (BEGIN) :::::::::::::::*/
        
        div.caption{
            background: #000;
            background: rgba(0, 0, 0, 0.7);
            width: 100%;
            padding: 10px 0 45px;
            color: #fff;
            position: absolute;
            bottom: 0px;
        }
        
        div.caption h3, div.caption p, div.title h3, div.title p{
            margin:0;
            padding:0 20px;
            font-size: 12px;
        }
        
        div.caption h3{
            font-size: 14px;
        }
        
        /*::::::::::::::: CAPTION STYLE (END) :::::::::::::::*/
        
        /*::::::::::::::: VERTICAL NAVIGATION STYLE (BEGIN) :::::::::::::::*/
        
        ul.slidedeckNav{
            position:absolute;
            bottom: 15px;
            margin: 0;
            padding: 0;
            list-style:none;
            z-index:10;
            right: 15px;
            font-size: 11px;
            line-height: 11px;
        }
        
        ul.slidedeckNav li{
            display:block;
            float:left;
            margin: 0;
            padding: 0;
        }
        
        ul.slidedeckNav li a{
            display:block;
            position:relative;
            overflow:hidden;
            width:15px;
            padding: 6px 3px;
            text-align: center;
            margin-left: 5px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            color: #fff;
            text-decoration:none;
        }
        
        ul.slidedeckNav li.active a{
            background: #555;
        }
        
        /*::::::::::::::: VERTICAL NAVIGATION STYLE (END) :::::::::::::::*/








    

/* Galeria de noticias destacadas
-----------------------------------------------------------------------------*/
/* medidas comunes */
.widgets #tabnav li, 
.widgets #tabnav li a:link, 
.widgets #tabnav li a:visited, 
widgets .inpost { 
    height: 83px;
    margin: 0 
}

/* 4 elementos */
#tabzine-4, 
#tabzine-4 .widgets {
    width: 630px;
}

    /* Alto de la imagen y slider */
    #tabzine-4 #tabcover, 
    #tabzine-4 .widgets, 
    #tabzine-4 img.slimg, 
    #tabzine-4 ul#tabnav, 
    #tabzine-4 .tabdiv { 
        height: 327px;
    }
    
    /* Ancho de la imagen y bloque negro transparente */
    #tabzine-4 img.slimg, 
    #tabzine-4 .inpost, 
    #tabzine-4 .tabdiv {
        width: 460px;
    }
    
    /* ancho de los titulos */
    #tabzine-4 ul#tabnav, 
    #tabzine-4 a.listab, 
    #tabzine-4 #tabnav li, 
    #tabzine-4 #tabnav li a:link, 
    #tabzine-4 #tabnav li a:visited {
        width: 170px;
    }
    
/* Medidas especificas */
.widgets {
    padding: 0;
    margin: 0 auto;
    /* Se le quito el color de fondo para mostrar el escudo */
    /* background: #fff; */
}

.widgets ul, .widgets li {
    list-style: none
}

.widgets a {
    color: #444;
    text-decoration: none;
}

.widgets a:hover {}

img.slimg { 
    margin: 0 
}

ul#tabnav, 
.tabdiv {
    overflow: hidden;
    float: left;
    margin: 0
}


#tabnav li a:link, #tabnav li a:visited {
    float: left;
}

/*
img.phumb{
    width: 80px;
    height: 58px;
    float: left;
    margin-right: 10px;
}
*/

/* 
 * Los titulos de las imagenes 
 */
 
/* titulos en los tabs */
.inpost {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: url(../images/trans.png); 
    display: none;
}

    /* un div interno para que tengo algo de espacio */
    .inpost div {
        color: #fff;
        padding: 15px 10px 0 10px;
        font-size: 13px;
    }
 
    /* Ancho de los titulos en las tabs y el color por defecto */
    ul#tabnav, #tabnav li { 
        background: #f7f7f6;
                
        -moz-box-shadow: inset 0px 0px 1px #aaaaaa; /* FF3.5+ */
        -webkit-box-shadow: inset 0px 0px 1px #aaaaaa; /* Saf3.0+, Chrome */
        box-shadow: inset 0px 0px 1px #aaaaaa; /* Opera 10.5, IE9, Chrome 10+ */
        
    }
    
    /*
    #tabnav li {
        border-bottom: 1px solid #fff;
    }
    
    #tabnav:first-child { border-color: #eee }
    */

/* Las tabas verticales cuando estan normales y color del titulo */
#tabnav li a:link, 
#tabnav li a:visited {
    display: inline-block;
    padding: 0;
    color: #256eaa;
    font-size: 11px;
    font-weight: 700;
}   

a.listab { display: block; }

/* Color de los titulos cmo ligas */
.listab h3 {
    font-size: 12px;
    font-weight: 700;
    padding: 4px 5px 0 10px;
    color: #256eaa;    
}

.ui-tabs-selected .listab h3 {
    color: #fff;
    text-shadow: 1px 1px 1px #333; /* Opera 10.5, IE9, Chrome 10+ */
}

/* color de la opcion seleccionada o activa */    
#tabnav li a:hover, 
#tabnav li a:active, 
#tabnav li.ui-tabs-selected a {
    background: #353635;
    color: #fff;
    
    -moz-box-shadow: 1px 1px 3px #555; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 3px #555; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 3px #555; /* Opera 10.5, IE9, Chrome 10+ */

}

    /* IE 7 */
    .ie7 #tabnav li a:link, 
    .ie7#tabnav li a:visited {
        height: 84px;
    }
    .ie7 #tabnav li a:hover, 
    .ie7 #tabnav li a:active, 
    .ie7 #tabnav li.ui-tabs-selected a {
        margin-top: -2px;
    }

    
/* Medida de donde va la imagen */
.tabdiv {
    position: relative;
    display: inline;
}

.featpost {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(img/trans.png);
    padding: 10px;
    color: #999;
}   
    
.ui-tabs-hide { display: none; }