/*_ LOGO FONO PRESUPUESTO _______________________________________________________________________________________________________________*/

.nav-icon{position:relative; float:left; padding-left:10px; padding-top:5px; z-index:3;}

.logo{position:relative; float:left; padding-left:10px;}

.direction{padding-right:10px; padding-top:10px; text-align:right;}

.call{padding-right:10px; padding-top:10px; text-align:right;}

.card{padding-right:10px; padding-top:8px; text-align:right;}

.interno_contenido{padding-left:20px; padding-right:20px; font-family: 'Terminal Dosis', normal; font-size: 14px; color:#000; text-align:justify;}





.mainmenu{width:100%; display:table; border-top:1px solid #ededed; padding-top: 20px; padding-bottom: 20px; color:#FFF; font-family: Arial; font-size: 16px; font-weight: 600; text-align:center; border-bottom:1px solid #d3d3d3;

background: #36c9eb; /* Old browsers */

background: -moz-linear-gradient(top,  #36c9eb 0%, #0088c2 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36c9eb), color-stop(100%,#0088c2)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #36c9eb 0%,#0088c2 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #36c9eb 0%,#0088c2 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #36c9eb 0%,#0088c2 100%); /* IE10+ */

background: linear-gradient(to bottom,  #36c9eb 0%,#0088c2 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36c9eb', endColorstr='#0088c2',GradientType=0 ); /* IE6-9 */}



.mainmenucolor{width:100%; height:41px; display:table; border-top:1px solid #ededed; padding-top: 25px; color:#FFF; font-family: Arial; font-size: 16px; font-weight: 600; text-align:left; border-bottom:1px solid #d3d3d3;

background: #e5631c; /* Old browsers */

background: -moz-linear-gradient(top,  #e5631c 0%, #e80119 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5631c), color-stop(100%,#e80119)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #e5631c 0%,#e80119 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #e5631c 0%,#e80119 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #e5631c 0%,#e80119 100%); /* IE10+ */

background: linear-gradient(to bottom,  #e5631c 0%,#e80119 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5631c', endColorstr='#e80119',GradientType=0 ); /* IE6-9 */}



.ico-flecha{float:right; padding-right:50px;}

.input{width:100%; padding-top:5px; padding-bottom:5px; border:1px solid #b6b6b6;}

.area{width:100%; padding-top:5px; padding-bottom:5px; height:100px; border:1px solid #b6b6b6;}

.boton{width:100px; padding-top:5px; padding-bottom:5px; border:1px solid #b6b6b6; background-color:#dedede; float:right;}



.titulo_about {margin:0 auto; height:auto; position:relative; background:#FFF; text-align:center; font-family: 'Dynalight', cursive; font-weight: 400; font-size:500%; padding-left:10px; padding-right:10px;}

.titulo_contact {margin:0 auto; height:auto; position:relative; background:#FFF; text-align:center; font-family: 'Dynalight', cursive; font-weight: 400; font-size:500%; padding-left:10px; padding-right:10px;}

.titulo_childrens {margin:0 auto; height:auto; position:relative; background:#FFF; text-align:center; font-family: 'Dynalight', cursive; font-weight: 400; padding-left:10px; padding-right:10px;}

.titulo_religious{width:50%; margin:0 auto; height:auto; position:relative; background:#FFF; text-align:center; font-family: 'Dynalight', cursive; font-weight: 400; padding-left:10px; padding-right:10px;}

.titulo_cupcakes{width:50%; margin:0 auto; height:auto; position:relative; background:#FFF; text-align:center; font-family: 'Dynalight', cursive; font-weight: 400; padding-left:10px; padding-right:10px;}

.titulo_graduation{width:50%; margin:0 auto; height:auto; position:relative; background:#FFF; text-align:center; font-family: 'Dynalight', cursive; font-weight: 400; padding-left:10px; padding-right:10px;}

.titulo_weddings{width:50%; margin:0 auto; height:auto; position:relative; background:#FFF; text-align:center; font-family: 'Dynalight', cursive; font-weight: 400; padding-left:10px; padding-right:10px;}

/*RESPONSIVE*/

@media only screen and (max-width : 1960px) {

.logo{float:left;}

.direction_call{float:right; padding-right:20px; padding-top:10px;}

#datos_top{height:109px;}

.img-index{width:204px; float:left; padding-right:5px; padding-bottom:0px;}

.plato{float:left; width:50%; margin:5% auto; color:#525050; font-family:Arial; font-size:20px; font-weight: 600;}



.our{float:left; padding-left:5px; padding-top:50px;}

.services{float:right; padding-right:5px;}



#lazos_top p{font-size:350%;}

#copy p{font-size:100%; padding-top:17px;}

.titulo_about{width:40%;}

.titulo_contact{width:40%;}

.titulo_childrens{width:65%; font-size:500%;}

.galeria li img{display: inline; width:30%; height:50%; padding-left: 22px; padding-bottom:20px; display: inline; list-style-type: none; float:left;}

.titulo_religious{font-size:500%;}

.titulo_cupcakes{font-size:500%;}

.titulo_graduation{font-size:500%;}

.titulo_weddings{font-size:500%; width:85%;}

}



@media only screen and (max-width : 600px) {

.logo{position:relative; float:left; padding-left:10px;}

.direction{padding-right:10px; padding-top:10px; text-align:right;}

#datos_top{height:109px;}

.img-index{width:204px; float:left; padding-right:5px; padding-bottom:0px;}



#lazos_top p{font-size:280%; padding-top:7px;}

#copy p{font-size:95%; padding-top:17px;}

.titulo_about{width:50%;}

.titulo_contact{width:50%;}

.titulo_childrens{width:80%; font-size:400%;}

.galeria li img{width:45%; height:50%;}

.titulo_religious{font-size:500%;}

.titulo_cupcakes{font-size:500%;}

.titulo_graduation{font-size:500%;}

.titulo_weddings{font-size:500%; width:85%;}



.our{float:none; padding-left:0px; padding-top:20px; text-align:center;}

.services{float:none; padding-right:0px; text-align:center;}



}



@media only screen and (max-width : 500px) {

.logo{position:relative; width:100%; text-align:center; padding-left:0px; float:none;}

.direction{display:inline; padding-right: 0px; padding-top: 0px; text-align: right;}

.call{padding-right:0px; padding-top:5px; text-align:center;}

.card{padding-right:0px; padding-top:8px; text-align:center;}

#datos_top{height:200px;}

.plato{float:left; width:50%; margin:4.5% auto; color:#525050; font-family:Arial; font-size:12px; font-weight: 600;}



.img-index{width:204px; float:left; padding-right:5px; padding-bottom:0px;}



#copy p{font-size:85%; padding-top:17px;}

.titulo_about{width:70%;}

.titulo_contact{width:75%;}

.titulo_childrens{width:80%; font-size:320%;}

.galeria li img{width:85%; height:50%;}

.titulo_religious{font-size:500%;}

.titulo_cupcakes{font-size:400%;}

.titulo_graduation{font-size:350%;}

.titulo_weddings{font-size:300%; width:85%;}







}



@media only screen and (max-width : 320px) {

.logo{position:relative; width:100%; text-align:center; padding-left:0px; float:none;}

.direction{display:inline; padding-right: 0px; padding-top: 0px; text-align: right;}

.call{padding-right:0px; padding-top:5px; text-align:center;}

.card{padding-right:0px; padding-top:8px; text-align:center;}

#datos_top{height:200px;}

.plato{float:left; width:50%; margin:4.5% auto; color:#525050; font-family:Arial; font-size:12px; font-weight: 600;}





#copy p{font-size:72%; padding-top:17px;}

.titulo_about{width:75%;}

.titulo_contact{width:80%;}

.titulo_childrens{width:80%; font-size:280%;}

.galeria li img{width:85%; height:50%;}

.titulo_religious{font-size:400%;}

.titulo_graduation{font-size:300%;}

.titulo_weddings{font-size:280%; width:85%;}

}









/*MENU*/

/* Clearfix */

.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}

.clearfix:after {

    clear: both;

}

.clearfix {

    *zoom: 1;

}



/* Basic Styles */

body {

	background-color: #ffffff;

}

nav {

	height: 40px;

	width: 100%;

	background: #656565;

	font-size: 11pt;

	font-family: "Times New Roman", Times, serif;

	/*font-weight: bold;*/

	position: relative;

	border-top: 1px solid #ffffff;

}

nav ul {

	padding: 0;

	margin: 0 auto;

	width: 600px;

	height: 40px;

}

nav li {

	display: inline;

	float: left;

}

nav a {

	color: #fff;

	display: inline-block;

	width:120px;

	text-align: center;

	text-decoration: none;

	line-height: 40px;

	/*text-shadow: 1px 1px 0px #283744;*/

}

nav li a {

	border-right: 1px solid #9b9b9b;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

nav li:last-child a {

	border-right: 0;

}

nav a:hover, nav a:active {

	background-color: #74555b;

}

nav a#pull {

	display: none;

}



/*Styles for screen 600px and lower*/

@media screen and (max-width: 600px) {

	nav { 

  		height: auto;

  	}

  	nav ul {

  		width: 100%;

  		display: block;

  		height: auto;

  	}

  	nav li {

  		/*width: 50%;*/

  		width: 100%;

  		float: left;

  		position: relative;

  	}

  	nav li a {

		border-bottom: 1px solid #9b9b9b;

		border-right: 1px solid #9b9b9b;

	}

  	nav a {

	  	text-align: left;

	  	width: 100%;

	  	text-indent: 25px;

  	}

}



/*Styles for screen 515px and lower*/

@media only screen and (max-width : 480px) {

	nav {

		border-bottom: 0;

	}

	nav ul {

		display: none;

		height: auto;

	}

	nav a#pull {

		display: block;

		background-color: #656565;

		width: 100%;

		position: relative;

	}

	nav a#pull:after {

		content:"";

		background: url('../images/nav-icon.png') no-repeat;

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		right: 15px;

		top: 10px;

	}

}



/*Smartphone*/

@media only screen and (max-width : 320px) {

	nav li {

		display: block;

		float: none;

		width: 100%;

	}

	nav li a {

		border-bottom: 1px solid #9b9b9b;

	}

}







/**_ BANNER ______________________________________________________________________________________________________*/



.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }













/*MENU CAKES*/

ul.menu_cakes {

  list-style: none;

  margin: 0;

  padding: 0;

}



.menu_cakes li {

	padding-top:20px;

	padding-bottom:20px;

	background-color:#000;

	color:#FFF;

	font-family: "Times New Roman", Times, serif;

	font-size:18px;

	text-transform:uppercase;

	border-bottom:1px solid#343434;

}



.menu_cakes li a {

	color:#FFF;

}



.menu_cakes li:hover {

	background-color:#220208;

	color:#FFF;

}









/*GALERIA*/

ul.galeria {list-style: none; margin: 0; padding: 0;}