html, body
{
	height: 100%;
	width: 100%;
}

body
{
	margin: 0px;
	padding: 0px;
	background: #EBEBEB url(../images/bg01.png) repeat;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12pt;
	font-weight: 300;
	color: #000000;
}

h1, h2, h3
{
	margin: 0;
	padding: 0;
}

p, ol, ul
{
	margin-top: 0px;
}

p
{
	line-height: 150%;
}

strong
{
}

a
{
	color: #000033;
}

a:hover
{
	text-decoration:none;
}

a img
{
	border: none;
	alignment-adjust: central;
}

	.image
	{
		display: inline-block;
	}
	
		.image img
		{
			display: block;
			width: 100%;
		}

	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}

		.image-centered img
		{
			margin: 0 auto;
			width: auto;
		}
		
		.image-contact
		{
			width: 20px;
			height: 20px;
			padding-top: 10px;
		}
hr
{
	display: none;
}

/** WRAPPER */

#wrapper {
	background: #FFFFFF url(../images/bg01.png) repeat;
}

.container
{
	width: 1200px;
	margin: 0px auto;
}

.clearfix
{
	clear: both;
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header
{
	position: relative;
	height: 150px;
}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
	position: absolute;
	top: 3em;
	left: 0;
	width: 100%;
	background-image: url(../images/Menu-background.png);
	}
	
	#logo h1
	{
		display: inline-block;
		font-size: 2.5em;
		text-transform: uppercase;
		font-weight: 700;
		color: #FFF;
	}

	#logo a
	{
		text-decoration: none;
		color: #FFF;
	}
	
	#logo span
	{
		margin-left: 0.50em;
		color: #FFF;
	}
	
	#logo .icon-leaf
	{
		color: #006;
	}

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu
	{
	position: absolute;
	right: 0;
	top: 0;
	width: 898px;
	}
	
	#menu ul
	{
		display: inline-block;
	}
	
	#menu li
	{
		display: block;
		float: left;
		text-align: center;
	}
	
	#menu li a, #menu li span
	{
	display: block;
	padding: 0em 1.5em;
	height: 150px;
	letter-spacing: 0.1em;
	line-height: 150px;
	text-decoration: none;
	font-size: 0.95em;
	font-weight: 600;
	text-transform: uppercase;
	outline: 0;
	color: #003;
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
	}
	
	#menu a:hover {
  	color: #00F;
	}
	
	#menu .current_page_item a
	{
	background: #FFFFFF url(../images/bg01.png) repeat;
	color: #003;
	}


/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

	#bg-image
	{
		background:url(../images/banner-contacto.png);
	}


/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

	#page
	{
	position: relative;
	overflow: hidden;
	padding-top: 6em;
	padding-right: 0em;
	padding-bottom: 5em;
	padding-left: 0em;
	}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content
	{
	float: left;
	width: 820px;
	}
	
		#content2
	{
		float: left;
		width: 1080px;
	}
		#content3
	{
	float: left;
	width: 600px;
	height: 400px;
	}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
	float: right;
	width: 345px;
	}

	#sidebar2
	{
	float: right;
	width: 300px;
	}

	
	#sidebar .title h2
	{
		font-size: 1.6em;
	}
	
	#sidebar .box1
	{
		margin-bottom: 3em;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
	}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

#header-wrapper
{
	overflow: hidden;
	padding-top: 450px;
	height: 150px;
	background: url('../images/header.jpg') no-repeat top center;
	background-size: 100% 100%;
}

#header-wrapper:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/bg01.png');
	opacity: .5;
}

#header-wrapper2
{
	background: rgba(0,0,0,.1);
	box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,.05);
}



	ul.style2
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.style2 li
	{
		border-top: solid 1px #E5E5E5;
		padding: 0.80em 0;
	}
	
	ul.style2 li:first-child
	{
		border-top: 0;
		padding-top: 0;
	}

/*********************************************************************************/
/* Portfolio                                                                     */
/*********************************************************************************/

	#portfolio-wrapper
	{
	background: #EBEBEB url(../images/bg01.png) repeat;
	border-top: 1px solid #D4D4D4;
	padding-top: 3px;
	padding-right: 0em;
	padding-bottom: 5em;
	padding-left: 0px;
	}
	
	#portfolio
	{
	overflow: hidden;
	text-align: center;
	color: #333333;
	}
	
	#portfolio .title h2
	{
		color: #5C5C5C;
	}

	#portfolio .byline
	{
		color: #09F;
	}
	
	#portfolio .description
	{
		font-size: 1.5em;
	}
	
	#column1,
	#column2,
	#column3,
	#column4
	{
		width: 282px;
	}
	
	#column1,
	#column2
	{
		float: left;
		margin-right: 24px;
	}
	
	#column3
	{
		float: left;
	}
	
	#column4
	{
		float: right;
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
	overflow: hidden;
	border-top: 1px solid #D4D4D4;
	padding-top: 5px;
	padding-right: 0em;
	padding-bottom: 50px;
	padding-left: 0em;
	}
	
	#copyright p
	{
		letter-spacing: 0.20em;
		text-align: center;
		font-size: 0.90em;
		color: #5C5C5C;
	}
	
	#copyright a
	{
		text-decoration: none;
		color: #5C5C5C;
	}

/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title
	{
		margin-bottom: 1em;
	}

	.title h2
	{
		letter-spacing: 0em;
		font-weight: 700;
		font-size: 2em;
		color: #171717;
	}
	
	.title .byline
	{
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.9em;
	color: #333333;
	}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
	display: inline-block;
	margin-top: 1.5em;
	padding: 0.50em 3em 0.50em 2em;
	background: #006;
	letter-spacing: 0.2em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.9em;
	}
	
		.button:before
		{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	color: #666;
		}

/*********************************************************************************/
/* Two Column                                                                    */
/*********************************************************************************/

	#two-column
	{
		padding-top: 3em;
	}
	
	#two-column .title h2
	{
		font-size: 1.6em;
	}
	
	#two-column #tbox1
	{
	float: left;
	width: 370px;
	}

	#two-column #tbox2
	{
	float: right;
	width: 370px;
	}

	#two-column #tbox1 ul.style2,
	#two-column #tbox2 ul.style2
	{
		margin-top: 2.2em;
	}

	#products1
	{
		float: left;
		width: 370px;
		padding-left: 50px;
	}

	#products2
	{
		float: left;
		width: 370px;
		padding-left: 50px;
	}

/*********************************************************************************/
/* Contact                                                                    */
/*********************************************************************************/
	
	#Contact-icon
	{
		height: 20px;
		width: 20px;
	}

/*********************************************************************************/
/* Tables                                                                    */
/*********************************************************************************/


#customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width:100%;
    border-collapse: collapse;
	
	}

#customers td, #customers th {
    font-size: 1em;
    border: 1px solid #006;
    padding: 5px 7px 2px 7px;
}

#customers th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #006;
    color: #ffffff;
}

#customers tr.alt td {
    color: #000000;
    background-color: #E8E8E8;
}

#customers2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width:100%;
    border-collapse: collapse;
}

#customers2 td, #customers2 th {
    font-size: 1em;
    border: 1px solid #006;
    padding: 5px 7px 2px 7px;
}

#customers2 th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #333;
    color: #ffffff;
}

#customers2 tr.alt td {
    color: #000000;
    background-color: #E8E8E8;
}


/*********************************************************************************/
/* Others                                                                    */
/*********************************************************************************/

#map
{
	width: 1200px;
	margin-top: 50px;
}

#gallery
{
	width: 1200px;
	height: 100%;
}

#slider1_container
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 700px;
}

/*********************************************************************************/
/* Home boxes                                                                    */
/*********************************************************************************/

#home_box1
{
	border: 3px solid #CCC;
	width: 240px;
	height: 240px;
	margin-left: 10px;
	float: left;
}

#home_box2
{
	width: 240px;
	height: 180px;
	margin-left: 15px;
	float: left;
}

#home_box3
{
	width: 240px;
	height: 180px;
	margin-left: 15px;
	float: left;
}

#home_box4
{
	width: 240px;
	height: 180px;x;
	margin-left: 10px;
	float: left;
}

/*********************************************************************************/
/* Mapa		                                                                     */
/*********************************************************************************/

<script type="text/javascript">
    var map;
    $(document).ready(function(){
      map = new GMaps({
        div: '#mapa',
        lat: 38.90893579999999, 
        lng: 1.428022000000055,
        zoom: 10,
        zoomControl : true,
        zoomControlOpt: {
            style : 'SMALL',
            position: 'TOP_RIGHT'
        },
        panControl : true,
        streetViewControl : true,
        mapTypeControl : false
      });
 
      map.addMarker({
        lat: 38.88993579999999,
        lng: 1.478022000000055,
        title: 'Ibiza',
        infoWindow: {
          content: '<strong>!Agua!</strong>
 Pero estás a un paso de IBIZA'
        }
      });
    });
 
</script>

/*********************************************************************************/
/* Publicidad                                                                    */
/*********************************************************************************/

.popup {
    background-color: #ffffff;
    color: #888888;
    height: 245px;
    left: 100%;
    padding: 20px;
    position: fixed;
    right: 30%;
    top: 25%;
    width: 550px;
    z-index: 101;
    -moz-box-shadow: 0px 0px 10px 1px #888888;
    -webkit-box-shadow: 0px 0px 10px 1px #888888;
    box-shadow: 0px 0px 10px 1px #888888;
    border-radius:10px;
    -moz-border-radius:10px;
}

.overlay {
    background: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    opacity:0.5;
}

a.close {
    background: url("cancel.png") repeat scroll left top transparent;
    cursor: pointer;
    float: right;
    height: 26px;
    left: 32px;
    position: relative;
    top: -33px;
    width: 26px;
}