/* cuerpo de la pagina sin magen, para esta al ran de la pantalla */
body{
    margin:0;    
}
.masterPage{
    width:980px;
    margin: 0px auto 0px auto;
}
/*----------------------------------------------------------Master Page Background shadows---------------------------------*/
.masterLeftShadow{
    float:left;    
    left:120px;    
    background-image:url('../img/tiels/leftShadowTile.png');
    background-repeat:repeat-y;
    width:20px;
    height:850px;
    }
.masterRightShadow{
    float:right;
    left:1082px;
    background-image:url('../img/tiels/rightShadowTile.png');
    background-repeat:repeat-y;
    width:20px;
    height:850px;
    }
.masterCenter{
    float:left;
    width:940px;
    margin:0;
    }    

/*----------------------------------------------------------Master page Foot Style (Tiene su propio .css)---------------------------------*/
.footContainer {
    width: 100%;
    margin: 0;
}        
/*----------------------------------------------------------Master Page Logo Container---------------------------------*/

/* logo container lado isquierda */
.leftLogoAndAdd{
    float:left;    
    width:145px;
    margin-left:5px;
/*    width:200px; /* Configuraction para Navidad Espaco mas ancha */    
}

/*  logo */
.leftLogoAndAdd .logoContainer{
    float:left;
    width:75px;
    margin-left:10px;
}

/* nº de talefono */
.leftLogoAndAdd .telContainer{
    float:left;
    width:30px;
    margin-left:20px;
	padding-top:110px;
/*    padding-top:210px; /* Configuraction para Navidad mover nr telefona mas abajo */
 }

/* anuncio al lado Isquierda debajo dle logo */
.leftLogoAndAdd .addContainer{
    clear:both;
    padding-top:40px;
    margin-left:2px;
    }
/*----------------------------------------------------------Master Page Main menu-------------------------------------------------*/

/* Master Page Container for the masterMenu */
.masterMenuContainer{
    float:left;
    width:720px;
    height:40px;
    text-align:center;
    }
.masterMenu{
    width:720px;
    height:40px;    
    text-align:left;
    }
.masterMenuStaticStyle{
    background-image: url('../img/masterMenu/middle.png');
	background-repeat: repeat-x;
	height:40px;
    }
.masterMenuStaticItemStyle{    
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	margin-right:0px;
    }
.masterMenuStaticHoverStyle{
	background-image: url('../img/masterMenu/rollOver.png');
	background-repeat: repeat-x;
	height:40px;
	color: #FFFFFF;
    }
.masterMenuDynamicStyle{
    font-size:12px;
    margin-left:-10px;
    z-index: 50;
    }
.masterMenuDynamicItemStyle{
    background-color:#ff6600;
    margin-left:10px;
    margin-right:10px;
    color:White;
    border-bottom:solid 1px white;        
    }       
.masterMenuDynamicHoverStyle{
    background-color:#fe9442;    
    color:Gray;
    }
/*---------------------------------------------------------------------------------Default Page type--------------------------------------------------------------*/

/* container principal para toda las paginas que usa columnas*/
.contenidos{
    margin-top:20px;
    margin-bottom:30px;
    }
/* Variante para las paginas con anuncios */
.masterAddPage{
    margin-top:30px;
    width:545px;
    }    
/* columna a la Isquierda */
.contenidos .colIzq{
	width: 525px;
	margin-top:20px;
    float:left;
    }
/* columan a la derecha /*/
.contenidos .colDer{
	width:225px;
	margin-top:20px;
	float:right;
    }
.masterAddPageColDer{
	float:right;
	width:195px;
	margin-top:30px;
    }                	
/*----------------------------------------------------------Master Page Palceholder for sub pages---------------------------------*/

/* Principal container para toda las sub pagina's "PlaceHolader" */
.content{
    width:760px;
    margin-left:30px;
    float:left;
    }
.masterAddPageContent{
    width:760px;
    margin-left:30px;
    margin-bottom:20px;
    }
/*----------------------------------------------------------Master Page Footer---------------------------------*/

/* foot: pie de la pagaina */
.footer{
    clear:both;
    width:960px;
    margin-top:20px;
}
/* foot: portafolio */
.protaFolioContainer{
    width:960px;
}
/* foot: columna central */
.linkCustomer{
    background-image:url('../img/ph028.png');
    background-repeat:no-repeat;
    height:40px;
    width:100px;
    margin-left:10px;
    margin-right:10px;
    padding-top:10px;
    padding-left:0px;
    }
/*---------------------------------------------------------------------------------Master page service Anex--------------------------------------------------------------*/
.masterFootAnex{
    clear:both;
    margin-top:20px;
    width:100%;
    }
/*    
.masterFootAnexFrames{
    }
            
.masterFootAnexHorisontal{
    clear:both;
    width:600px;
    padding:10px;
    text-align:center;
	color:#999999;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
    }
.masterFootAnexHorisontal2{
    width:900px;
    margin-left:auto;
    margin-right:auto;    
    }    
    
.masterFootInternacional{
    margin-top:10px;
    padding:5px;
    }
.masterFootAnexServices{
    margin-top:5px;
    margin-left:5px;    
    padding:5px;
    }
.masterFootAnexHr2Left{
    float:left;
    width:400px;
    height:150px;
    border-right:solid 1px #ff6600;    
    }
.masterFootAnexHr2Right{
    float:right;
    width:400px;
    }
.columSpace{
    margin:5px;
    }
*/    
/*---------------------------------------------------------------------------------PixelPal for all page's--------------------------------------------------------------*/
.pixelPal{
    float:left;
    width:200px;
    margin-bottom:10px;
    }
/* FAQ  */
.pixelPalFaq{
    float:left;
    width:240px;
    margin-left:20px;
    margin-top:50px;
    text-align:left;
    }
/* FAQ text */
.pixelPalFaqText{
    line-height:20px;
    }    
/*---------------------------------------------------------------------------------Page type "pp video and text"--------------------------------------------------------------*/
.detalle{
	width:550px;
    }
.detalle .inofSign {   
    margin: 5px auto 10px auto;
    height: 30px;
    width: 400px;
}    
.detalle .videoContainer{
    margin: 0px auto 0px auto;    
    width:550px;
    height:190px;    
    }
.secondSection{
    margin: 30px auto 0px auto;
    width: 550px;
    height: 220px;
    }
.secondSectionLeft {
    float: left;
    width: 370px;
    margin: 0px 10px 0px 20px;
}        
.secondSectionLeft .sectionTitle{        

}    
.secondSectionLeft .sectionText{
    float:left;
    text-align:justify;
    }
.secondSectionRight {
    float:left;
    width: 120px;
    margin: 0px 20px 0px 10px;
}    
.secondSectionRight .sectionImg{
    float:left;
    }
/*---------------------------------------------------------------------------------Right side Add colum / Columna de anuncios derecha--------------------------------------------------------------*/
.cuadro{
    background-image: url('../img/btn/btt010.png');
    background-repeat:no-repeat;
    float:right;
    width:180px;
    height:54px;
    margin-bottom:10px;
    padding-right:5px;
    padding-left: 10px;
    padding-top: 5px;    
    }
.cuadro_variante{
    background-image:none;
    height:auto;
    }
/* variation of the style type */
.cuadro1{
    background-image: url('../img/btn/btt011.png');   
    }
.cuadro2{
    background-image: url('../img/btn/btt013.png');
    height:110px;
    cursor:pointer;
    }
.addAnim{
    float:left;
    margin-left:-4px;
    margin-top:-1px;    
    }
/* inicio: los titulos de los cuadros */
.cuadro .titulo{
    text-align:left;
    line-height:15px;    
    cursor:pointer;
    }
.cuadro .tituloBigAdd{
    float:right;   
    width:120px;
    margin-top:5px;
    margin-right:10px;
    }
.cuadro .bigAddTop{
    float:left;
    width:184px;
    cursor:pointer;
    }        
.cuadro .bigAddButtom{
    float:left;
    margin-top:6px;
    width:182px;
    margin-right:5px;
    height:60px;
    cursor:pointer;
    }
.cuadro .bigAddButtom .descount{
    float:left;
    width:55px;
    }
/* inicio: los detalles de los cuadres */
.cuadro .detallec{
    float:right;
    text-align:left;
    width:120px;
    }
/* inicio: los precio de los cuadros */
.cuadro .precio{
    text-align:right;
    line-height:30px;    
    cursor:pointer;
    }
.imgTitle{
    text-align:center;
    }    
/*------Pixel pal Add------*/    
.ppImagButton{
    margin-top:50px;
    }    
.ppButton{
    position:relative;
    left:18px;
    top:-22px;
    }         
/*---------------------------------------------Dens text page : Páginas con texto denso----------------------------------------*/    
.densTextPageType{
    float:left;
    width:540px;
    }
.densTextPageType .Top{
    float:left;
    }
.densTextPageType .Left{
    margin-left:20px;
    margin-bottom:20px;
    }
.densTextPageType .center{
    clear:both;
    }
.densTextPageType .Text{
    margin-bottom:50px;
    }
.densTextPrevPage{
    margin-top:10px;
    margin-left:20px;
    } 
.densTextPrevNext{
    margin-top:10px;
    margin-right:30px;
    } 
.densTextPagePixelPal{
    float:left;
    width:160px;
    margin-top:60px;
    margin-bottom:10px;
    }
              
.textFrameType1{
    background-image:url('../img/ph004b.png');
    background-repeat:no-repeat;
    width:350px;
    height:250px;
    }
.densTextPageTextBox{
    clear:both;
    width:310px;
    height:200px;
    margin-left:20px;
    text-align:justify;
    }
.densTextPageTitleBox{
    float:left;
    margin-top:14px;
    margin-left:20px;   
    text-align:left;
    line-height:35px;
    }
.textFrameType2{
    background-image:url('../img/tiels/textFremaType2Center.png');
    background-repeat:repeat-y;
    width:550px;
    }
.textFrameType2Top{    
    background-image:url('../img/tiels/textFremaType2Top.png');
    background-repeat:no-repeat;
    width:550px;
    height:35px;
    }
.textFrameType2End{    
    background-image:url('../img/tiels/textFremaType2End.png');
    background-repeat:no-repeat;
    width:550px;
    height:35px;
    }    
.textFrameType2 .TextFrame{
    width:500px;
    margin-left:20px;
    text-align:justify;
    }
.textFrameType2 .TextFrame .Text{
    float:left;
    text-align:justify;
    min-height:60px;
    margin:10px;
    width:350px;
    }
.textFrameType2 .TextFrame .densTextVariant{
    width:470px;
    margin-top:0px;
    }    
.textFrameType2 .TextFrame .Image{
    float:left;
    margin:10px;
    width:100px;
    }
.textFrameType2 .TextFrame .spacing{
    margin-bottom:10px;
    }
.backgroundHight250{
    height:250px;
    }    
.backgroundHight400{
    height:400px;
    }    
.backgroundHight450{
    height:450px;
    }    
.backgroundHight500{
    height:500px;
    }
.backgroundHight600{
    height:600px;
    }
.backgroundHight800{
    height:800px;
    }    
.backgroundHight1000{
    height:1000px;
    }    
        
/*---------------------------------------------Web Hosting Page : Pagina de alojamiento (Variante del texto denso)------------------------------------------------------*/
.iconListBox{
    width:240px;
    margin-left:10px;
    }
.iconListBox hr{
    clear:both;
    }
.iconListBox .hostTitle{
    margin-bottom:10px;
    }        
.iconListBox .hostText{
    float:left;
    width:140px;
    margin-left:10px;
    margin-top:4px;
    }
.iconListBox .hostIconLine{
    width:200px;
    margin-left:10px;
    color:#ef5a24;    
    }
    
/*---------------------------------------------Paginas de tarifas ------------------------------------------------------*/
.tarifaPage{
    float:left;
    width:540px;
    }
.tarifaDitalTitle{
    margin-bottom:10px;
    }
.tarifaSubTitle{
    margin-bottom:50px;
    }        
.tarifaCampo{
    background:url('../img/ph002.png') no-repeat;
    width:100px;
    height:40px;
    text-align:center;
    margin-left:2px;
    padding-top:4px;
    }
.tarifaCampo1{
    background:url('../img/ph003.png') no-repeat;
    }
.tarifaOpenBtt{
    margin-right:10px;
    }        
.tarifaParagrafo{
    float:left;
    width:520px;
    margin-top:10px;
    }
.tarifaParagrafText{
    float: left;
    margin:5px 20px 0px 35px;
    }
.menteEnBlanco{
    background-image:url(../../img/ph019.png);
    background-repeat:no-repeat;
    margin-top:39px;
    margin-right:100px;
    width:600px;
    height:527px;
    }        
.menteEnBlanoText{
    margin-top:80px;

    }    
.pad10{
    padding-left:10px;
    }
.wid100{
    width:100px;
    }
.jusefie{
    text-align:justify;
    } 
/*--------------------------------------------------Plantillas----------------------------------------------------------*/
                   
/* platForm: listbox para elegir catagoria */
.platForm{
    float:left;
    padding-top:60px;
    padding-left:30px;
}
/* Campo para realizae la buscera de las pateformas */
.platSerch{
    height:20px;
    width:20px;
    margin-top:30px;
    margin-left:30px;
    }
/*---------------------------------------------------------------------------------Pixel Pal Page----------------------------------------------------------*/
.pixelPalPage{
	float:left;
	margin-right:10px;
    }
/* pixelPal: texto en top "banner" */
.pixelPalTexTop{
	float:left;
	font-family:Tahoma, Arial;
	padding-top:40px;
	text-align:right;
    }    
/* pixelPal: imagen de la oferta */
.pixelPalPrecio{
    float:left;
    padding:20px;
    width:160px;
    height:110px;
    }
.pixelPalPageContent{
	clear:both; 
	background-image:url('../img/ph020.png'); 
	background-repeat:no-repeat; 
	height:285px;
	padding:20px;
	width:565px;
	margin-left:40px;
	margin-top:20px;
    }
.pixelPalPageContent .ppIzq{
	float:left;
	width:250px;
	font-family:Tahoma, Arial;
	text-align:left;
	padding:10px;
    }
.pixelPalPageContent .ppDer{
	float:right;
	width:250px;
	font-family:Tahoma, Arial;
	text-align:right;
	padding:10px;
    }
    
/*---------------------------------------------------------------------------------Formulario de Contactos----------------------------------------------------------*/
/* parametros para el contenido del formulario de contacto */
.detalleContacto {
	padding: 40px;
    background: url('../img/ph016.png') no-repeat;
    width:570px;
	height:340px;
	margin-top:40px;
    }
.contactLeftSideContent {
	width:220px;
	float:left;
	text-align:right;
	padding-right:20px;
	font-family:Tahoma, Arial;
	font-size:12px;
    }
.contactLeftSideContent .textBox {
    float:left;
    width:300px;
    }
.contactRightSideContent{
    float:left;
    margin-left:15px;
    }    
/* contenedor para los componentes del campo */
.formContainer{
    float:left;
    clear:both;
    width:300px;
    padding-top:5px;
    }
.formBoxTitle{
    float:left;
    width:60px;
    padding-top:4px;
    text-align:right;
    }
.formBox{
    float:left;
    padding-left:5px;
    }

.formBoxError{
    float:left;
    width:5px;
    padding-left:5px;
    }
.detalleContacto .items .titeltext{
    float:left;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;   
    }
.opciones {
	padding-left: 8px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #ef5a24;
	text-align:left;
	clear:both;
    }
.contactErrorText{
    margin-top:20px;
    }
/*-------------------------------------------------------------------------------Offer page : Pagina web de Ofertas----------------------------------------------------------*/
.offerContainer{
    margin-top:20px;
    }
.offerText{
    text-decoration:none;
    }
.offerText:hover{
    text-decoration:underline;
    }
.accordionHeader
    {
    border: 1px solid Gray;
    background-color: #ff6600;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    }
.accordionHeaderSelected{
    border: 1px solid Gray;
    background-color: #fc944d;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    }
.accordionContent
    {
    border: 1px dashed Gray;
    background-color:#cccccc;
    border-top: none;
    padding: 10px;
    padding-top: 10px;
    }    
/*-------------------------------------------------------------------------------Price Page : Presupuesto----------------------------------------------------------*/

/* Imagen "Cuadro" de fondo para pagina de Precios.aspx y la pagina de Servicio-extra.aspx */
.precios{
    width:730px;
    height:493px;
    background-image: url('../img/precios1.png');
    background-repeat:no-repeat;
    padding-top:10px;
    }
/* Variante para la pagina de Servicio extras */                   
.precios1{
    background-image: url('../img/precios2.png');
    }    
/* Estilus para el paragrafo de texto */
.contenidos .precios .headerPrecios{
    margin-top: 6px;
    margin-left:16px;
    height:100px;
    width:530px;
    } 
/* Variante para la pagina de Servicio extras */                   
.contenidos .precios .headerPrecios1{
    margin-top:15px;
    width:520px;
    }    
/* precio: texto */
.contenidos .precios .headerPrecios .rotulo{
    padding-left:10px;
    padding-top:10px;
    }
/* presio: franja en medio */
.contenidos .precios .headerPrecios .center{
	background-color:#f48d16;
	padding-left:5px;
	height:20px;
    margin-top:10px;
    }
/* precios: posecion de las tabla de precios */
.contenidos .precios .headerPrecios .detallep{
    margin-top:10px;
    }
/* precios: parametos para la linea inferior y derecha de la tablas de precios */
.contenidos .precios .headerPrecios .detallep .pList1{
	width:120px;
	height:75px;
	padding-left:8px;
	padding-top:2px;
	padding-right:3px;
	float:left;
	border-right:solid 1px #FAB76A;
	border-bottom:solid 1px #FAB76A;
    }
/* precios: parametos para la linea inferior de la tablas de precios */
.contenidos .precios .headerPrecios .detallep .pList2{
	width:120px;
	height:75px;
	padding-left:8px;
	padding-top:2px;
	padding-right:3px;
	float:left;
	border-bottom:solid 1px #FAB76A;
    }
/* precios: parametos para la linea isquierda de la tablas de precios */
.contenidos .precios .headerPrecios .detallep .pList3{
	width:120px;
	height:75px;
	padding-left:8px;
	padding-top:2px;
	padding-right:3px;
	float:left;
	border-right:solid 1px #FAB76A;
    }
/* precios: parametos de la ultima fila de la tablas de precios */
.contenidos .precios .headerPrecios .detallep .pList4{
	width:117px;
	height:75px;
	padding-left:10px;
	padding-top:2px;
	float:left;
    }
/* precios: el symbolo + dentro de la tablas del textSmach */
.mas{
    float:left;
    font-family:Tahoma, Arial;
    font-size:12px;
    }
/* precios: info dentro de la tablas del textSmach */
.info{
    float:left;
    padding-top:3px;
    padding-left:3px
    }
/* precios: el precio dentro de la tablas del textSmach */
.precio{
    clear:both;
    float:right;
    font-family:Tahoma, Arial;
    font-size:18px;
    font-weight:bold;
    }
/* precios: precios adicionales */
.preciosadicionales{
    float:left;
    padding-top:20px;
    }
/*-------------------------------------------------------------------------------Page Self Managment : Página de Autogestion----------------------------------------------------------*/
/* autogest: anuncio centra */
.videoAdd{
    margin-top:30px;
    margin-left:80px;
    }
/* autogest: link para el Demo */
.AGDemo{
    float:left;
    margin-top:20px;
    margin-left:100px;
    }
/* autogest: anuncio 1 del lado derecha */
.autoGestAdd1{
	background-image:url('../img/ph018.png'); 
    background-repeat:no-repeat;
    width:185px;
    height:400px;
    padding:15px 20px 10px 20px;
    }
/* variante del .autoGestAdd1 */
.autoGestAdd2{
	background-image:url('../img/ph017.png'); 
    height:150px;
    }
.autoGestDer{
    float:right;
    margin-top:10px;
    margin-right:10px;    
    }
/*-------------------------------------------------------------------------------Hosting Prices : Tarifas de Alijamiento----------------------------------------------------------*/    
/* alojamiento: container */
.alojamientos {
	margin-top: 20px;
}

/* alojamiento: individual text posisión en tabel */
.alojamientos .t_caracteristica {
	float:left;
	width: 130px;
	height: 20px;
}

/* alojamiento: individual text posisión en tabel */
.alojamientos .t_tipos {
	float:left;
	width: 102px;
	height: 20px;
	color:#FFFFFF;
	font-family:Tahoma, Arial;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
}

.alojamientos .detallea{
	background-image:url('../img/fnd_cuadro.jpg');
	background-repeat:no-repeat;
	width:740px;
	height:121px;
	margin-bottom:20px;
	color:#444444;
	padding-top:3px;
	font-family:Tahoma, Arial;
	font-size:11px;
}

/* alojamiento: individual text posisión en tabel */
.alojamientos .detallea .caracteristica{
	float:left;
	width:110px;
	height:26px;
	padding-left:15px;
}

/* alojamiento: individual text posisión en tabel */
.alojamientos .detallea .personal{
	float:left;
	width:110px;
	height:26px;
	text-align:center;
}

/* alojamiento: individual text posisión en tabel */
.alojamientos .detallea .pos2{
	float:left;
	width:102px;
	height:26px;
	text-align:center;
}        
/*---------------------------------------------Paginas de Portfolio con DataList----------------------------------------*/
.protfolioText{
    margin-bottom:30px;    
    }
.portfolio{
    width:160px;
    height:190px;
    margin-bottom:40px;
    text-align:center;
    border-bottom-color:#ef5a24;
    border-bottom-style:groove;
    border-bottom-width:1px;        
    }
.portfolioTextCenter{
    margin-bottom:10px;
    }
/*-------------------------------------------------------------------------------Error pagea : Paginas de error----------------------------------------------------------*/
#errorPage .contenidos #errorTop{   
    background-image:url(../img/ph023.jpg);
    background-repeat:no-repeat;
    height:250px;
}

#errorPage .contenidos #errorTop #errorMessag{
    float:left;
    border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ef5a24;
	margin-left:50px;
	margin-top:90px;
	margin-bottom:50px;
}

#errorPage .contenidos #errorTop #errorMessag #errorTitel{  	
	text-align:right;
	padding-right:10px;
}

#errorPage .contenidos #errorCenter{
    clear:both;    
	margin-top:30px;
}

#errorPage .contenidos #errorCenter #errorCenterIsq{
    float:left;
    width:300px;
    border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ef5a24;
    padding-left:25px;
}

#errorPage .contenidos #errorCenter #errorCenterDre{
    float:left;
    padding-left:25px;
}        
.login{
    width:200px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
}
/*-------------------------------------------------------------------------------Common Styls : Estilus Comunes----------------------------------------------------------*/
.FloatL{
    float:left;
    }
.FloatR{
    float:right;
    }    
.clear{
    clear:both;
    }
.textCenter{
    text-align:center;
    }    
.test{
    background-color:Lime;
    }    
/*------------*/