@import url('https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

body {
	background: #abafb2 url(images/background.jpg) repeat-x;
	margin: 0px;
	font-family: 'Lato', sans-serif;
}

#Header {
height:110px;
width:980px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}

#Share{ float:left;
height:30px;
width:380px;
position:absolute;
right:5px;
margin-left:20px;
top:55px;}

#Content{
width:1003px;
position:relative;
margin-left:auto;
margin-right:auto;

}

#Top {
background: url(images/top_background.png) no-repeat;
width:1003;
height:340px;
vertical-align:middle;}

#TopSM {
background: url(images/top_background_sm.png) no-repeat;
width:1003;
height:176px;
vertical-align:middle;
border-bottom:#1d5299 solid 1px;}

#TopLogo{
position:relative;
width:450px;
height:270px;
top:60px;
left:50px;
float:left;
}

#TopLogoSM{
position:relative;
width:450px;
height:170px;
top:60px;
left:50px;
float:left;
}

#TopLogo p {
color: #fff;
text-shadow:#000 1px 1px 2px;
font-size:17px;
height:150px;
width:450px;
text-align:justify;
}

#TopSlider{
position:relative;
width:490px;
float:right;
padding:7px;
height:250px;
}

#TopSliderSM{
position:relative;
width:490px;
height:60px;
float:right;
top:120px;
/*border:#FF0000 solid 1px;*/
vertical-align:bottom;
text-align:center;
}

#Main {
position:relative;
width:999px;
background:#fff;
left:1px;
min-height:600px;
border-left:#646567 solid 1px;
border-right:#646567 solid 1px;}


.BotonTop{
background:url(images/btn_tmpl.png) no-repeat 0 0;
height:110px;
width:70px;
/*border:#fff solid 1px;*/
margin-left:10px;
margin-right:10px;
overflow:hidden;
float:left;
}

.BotonTop:hover{
background-position:-70px 0;}

.BotonTop img:hover{left:-70px;
position:relative;}

#BoxOferta{
background:url(images/Oferta_bg.jpg) no-repeat;
width:999px;
height:288px;
position:relative;
top:0px;
border-bottom:#999 solid 1px;}

#OfertaTitulos{
color:#990000;
font-size:23px;
text-align:center;
}

.Harabara {
font-family: 'Tilt Warp', cursive;
width:auto;
color:#003366;
font-size:26px;
text-align:center;
clear:both;
}

#DisenioSpecs {
position:relative;
font-size:12px;
color:#333;
line-height:12px;
width:190px;
left:290px;
top:30px;
float:left;
}

#HostingSpecs {
position:relative;
font-size:12px;
color:#333;
line-height:12px;
width:190px;
left:350px;
top:30px;
float:left;
}

#OfertaPrecio {
clear:both;
position:relative;
color:#fff;
font-size:55px;
font-weight:900;
left:425px;
top:30px;
width:150px;

}

#TutMain {
clear:both;
float:none;
height:165px;}

.Tut_Cont {
float:left;
width:370px;
text-align:right;
font-size:16px;
font-weight:500;
color:#000;
padding-right:10px;
padding-top:10px;
}
.Tut_ContIMG{float:left; width:515px; height:158px;}

.Divider{ height:1px;
width:900px;
clear:both;
background:url(images/divider.png) top left no-repeat;
margin-bottom:30px;
margin-top:30px;
float:none;}

#UltimosTrabajos{
clear:both;
position:relative;
margin-left:auto;
margin-right:auto;
width:969px;
height:270px;
text-align:center;
}


#WebsTh img {
border:#ccc solid 1px;
padding:4px;
margin:2px;
background:#e2e1e1;}

#WebsTh img:hover{background:#357adb;}

#BoxHostingContent{
width:930px;
height:300px;
position:relative;
margin-left:auto;
margin-right:auto;
clear:both;
text-align:center;
}

.BoxHosting{
height:297px;
width:286px;
background:url(images/box_hosting_bg.png) no-repeat;
float:left;
margin-left:10px;
margin-right:10px;
}

.BoxHosting p{
font-size:14px;
color:#333;
line-height:14px;
margin-left:20px;
margin-top:40px;
text-align:justify;
}

.BoxHosting h1{
font-size:24px;
color:#990000;
font-weight:900;
}

#ContentMain{
width:930px;
clear:both;
height:auto;
position:relative;
margin-left:auto;
margin-right:auto;
}

#ContentMain p {
clear:both;
width:900px;
top:25px;
position:relative;}

.TitulosH1{
font-size:24px;
color:#003366;
}

.HostingTitle{
font-size:22px;
color:#003366;
font-weight:900;
width:100%;
text-align:center;
position:relative;
top:20px;
}

.HostBenef{width:50%;
font-size:13px;
float:left;}

.HostBenef h1{
color:#333333;
font-size:14px;
font-weight:700;
}

.HostBenef img{
border:none;
padding:0px;
margin:0px;
float:left;}

.VerMasLink{
font-size:12px;
color:#333333;
clear:both;
}

.VerMasLink a{
text-decoration:none;
color:#0066FF;}

.VerMasLink a:hover{
color:#333333;}

.TituloSecc {
font-family: 'Tilt Warp', cursive;
color:#fff;
font-size:56px;
}

.aboutus {
font-size: 19px;
text-align: justify;
}

#FooterContent{
background:url(images/footer-bg.png) no-repeat;
width:999px;
height:65px;
top:13px;
padding-top:5px;
position:relative;
margin-left:auto;
margin-right:auto;
}

#diseniologos{
font-size:16;
color:#000;
width:100%;
}

#diseniologos img{ margin:5px;}

#TemplatesIMG{
width:100%;
clear:both;
text-align:center;
float:left;
}

#PhotoThumb{
position:relative;}

a#PhotoThumb img{
margin:3px;}

a#PhotoThumb span{
height:214px;
width:170px;
z-index:100;
position:absolute;
top:-205px;
left:4px;
background:url(images/template_th_over.png) no-repeat;
visibility:hidden;
float:left;
}

a#PhotoThumb:hover span{
visibility:visible;
}

#TemplatesIMG img{
border:#666 solid 1px;}



.PortfolioSite{
width:900px;
height:260px;
position:relative;
margin-left:auto;
margin-right:auto;
border:#1d5299 solid 1px;
border-top:#1d5299 solid 3px;
background:#fff url(images/portfolios_bg.png) bottom;
}

.PortfolioSite img{
border:#000 solid 1px;
position:absolute;
right:4px;
margin-top:4px;
}

.PortfolioSite span{
position:relative;
width:280px;
height:auto;
float:left;
left:6px;
font-size:14px;
color:#333333;

}

.PortfolioSite h1{font-size:18px;
color:#003399;
margin-left:25px;
line-height:18px;}

#Contact{
width:378px;
height:448px;
float:left;
clear:none;
margin-top:50px;
margin-left:20px;}

#Formulario{
width:550px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-left:40px;
float:left;
clear:none;}

.FooterText{
font-size:11px;
color:#FFFFFF;
text-shadow:#000 1px 1px 2px;}

.FooterText a{
color:#999;
text-decoration:none;}

.FooterText a:hover{color:#fff;}

.FooterText img{position:relative;top:5px;}
#Footer {
clear: both;
position:relative;
width:100%;
height:105px;
background-color:#2b2e3d;
border:none;
border-top:#000 solid 2px;
text-align:center;
Display:block;
bottom:0px;
/*border:#fff solid 1px;*/
}




/* -----------------------  ESTILOS DEL SLIDER ---------------------------- */
#SliderWrapper{
margin:10px;
padding:10px;
padding-top:14px;
background:url(slider/background.png) no-repeat;
width:475px;
height:320px;}

#slider {
    position:relative;
    width:456px; /* Change this to your images width */
    height:270px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

#ArrowUp{
position:absolute;
float:left;
z-index:110;
}

#ArrowDown{
position:relative;
top:5px;
left:-50px;
float:left;
z-index:110;
}

div#fbk-wrapper { background:#3B5998; padding:15px; height:auto; width:740px; margin-left:auto; margin-right:auto;  }
/* -----------------------  ESTILOS DEL SLIDER ---------------------------- */
/* -----------------------  ESTILOS CAROUSEL  -----------------------------*/

/* -----------------------  ESTILOS CAROUSEL  -----------------------------*/